手机
当前位置:查字典教程网 >编程开发 >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实现限制textarea文本框输入字符数量的方法

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

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

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

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

jQuery实现首页图片淡入淡出效果的方法

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

jquery实现弹出层效果实例

js实现鼠标划过给div加透明度的方法

精品推荐
分类导航