手机
当前位置:查字典教程网 >编程开发 >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实现通用版鼠标经过淡入淡出效果】相关文章:

javascript实现图片跟随鼠标移动效果的方法

jquery实现图片左右切换的方法

jQuery实现鼠标经过图片变亮其他变暗效果

jQuery实现文本展开收缩特效

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

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

jquery实现弹出层效果实例

javascript实现链接单选效果

JavaScript实现鼠标拖动效果的方法

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

精品推荐
分类导航