DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery focus(fn),blur(fn)方法實例代碼
jquery focus(fn),blur(fn)方法實例代碼
編輯:JQuery特效代碼     
首先建一個CSS樣式表

.highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;}

然後增加如下代碼
代碼如下:
<script type ="text/javascript" language ="javascript">
$(document).ready(function(){
$("input[type=text]").focus(function(){
$(this).addClass("highlight")
}).blur(function(){$(this).removeClass("highlight")});

});
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved