DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery實現通用版鼠標經過淡入淡出效果
jquery實現通用版鼠標經過淡入淡出效果
編輯:JQuery特效代碼     
. 代碼如下:
<a class="jq_btn" href="#"><div></div></a>
//鼠標移上去效果
$(".jq_btn").hover(function(){
$(this).find("div").stop().fadeIn();
},function(){
$(this).find("div").stop().fadeOut();
});

原理很簡單

a標簽背景設置正常狀態

div背景設置鼠標hover的背景

只要給元素加上
. 代碼如下:
class="jq_btn"

都自動有效果
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved