手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现通用版鼠标经过淡入淡出效果
jquery实现通用版鼠标经过淡入淡出效果
摘要:复制代码代码如下://鼠标移上去效果$(".jq_btn").hover(function(){$(this).find("div").st...

复制代码 代码如下:

<a 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"

都自动有效果

【jquery实现通用版鼠标经过淡入淡出效果】相关文章:

jquery实现弹出层效果实例

jQuery实现的多屏图像图层切换效果实例

JS+DIV实现鼠标划过切换层效果的方法

js实现精美的图片跟随鼠标效果实例

jQuery实现强制cookie过期方法汇总

jQuery+ajax实现无刷新级联菜单示例

JavaScript实现鼠标滑过处生成气泡的方法

js实现鼠标经过表格行变色的方法

Jquery实现动态切换图片的方法

jQuery插件expander实现图片翻转特效

精品推荐
分类导航