2013-02-07 47 views
1

我想要做一些效果,點擊一個鏈接後,visualy將突出顯示錶單。使效果,將注意力轉移到網絡形式

SOFAR我得到

$('#form').addClass("message"); 
$('#form').animate({backgroundColor: 'ffffff'},3000); 
$('#form').animate({opacity:0},3000); 

和CSS它

.message{ 
    background:#9ed0f2; 
} 

的一點就是將用戶定向到窗體的注意。

我是否應該尋找一些開箱即用的解決方案?

+0

和你的html? – keeg

+1

onClick你可以添加一個邊框,改變背景顏色,添加一個方塊陰影,改變表單元素的背景顏色,添加一個新元素,這是一個指向表單的猴子圖片。選擇是無止境的,這取決於你的創意大腦選擇和實施你的想法。 –

回答

3

實際上,您可以將焦點放在鏈接點擊上的表單元素上,突出顯示該字段,就像點擊了它。

所以示例代碼:

$('#link_that_was_clicked').click(function() { 
    $('#first_form_element').focus(); 
}); 

你也可以我應該添加邊框的窗體上的按鈕點擊所以整個表格由2px的黑色邊框包圍?

而且你可以有jQuery的滾動到窗體當您單擊使用jQuery的.scrollTop()和.offet()方法

樣品

$('#link_that_was_clicked').click(function() { 
     $(document).scrollTop($("#form").offset().top); 
     $('#first_form_element').focus(); 
    }); 

鏈接按鈕

jQuery Focus

jQuery.scrollTop()

jQuery.offset()

相關問題