JS鼠标暂停掩模层的方法

本文阐述了JS鼠标悬浮掩模层的方法,供大家参考,具体的实现方法如下:

HTML页面代码:

复制代码代码如下所示:



科学



漫画



生活



插图



音乐



自然的



JS代码:

复制代码代码如下所示:

$(函数(){())

遮罩层,移动鼠标高度变化,变得清晰。

site_li = $(var $ 。网站标签里);

site_li.hover美元(函数(){()

VaR指标site_li.index美元(这);

美元(这个)。Css(高度

在当前单击李元素中的所有LI元素中获取索引

警告(索引+ 1);

$(这)。Prev(),Css(高

$(这个)。下一步。(Css)

}函数(){()

site_li.css美元(高

});

});



CSS代码:

复制代码代码如下:UL样式清单:无;}

。网站标签{宽度:200px;溢出:隐藏;Z指数:5;}

。网站标签里{位置:相对;宽度:200px;身高:50px;margin-bottom: 1px;溢出:隐藏;

过渡:高度0.5s缓解;- WebKit的过渡:高度0.5s缓解;

-moz过渡:高度0.5s缓解;- O转换:高度0.5s缓解;}

。网站标签里{颜色:# 666;字体大小:16px;font-weight: bold;线高度:50px;}

。网站标签里我{显示:块;高度:90px;背景:中心位置;

不透明度:0.3;筛选器:alpha(不透明= 3);

WebKit的过渡:不透明度0.5缓解;* /

Webkit过滤器:灰度(60%);* /

}

李:悬停标签。网站我{不透明度:0.9;- WebKit过滤器:灰度(0%);过渡:透明度0.5s缓解;}

。标签山雀{display:块;高度:100px;宽度:700px;颜色:# 666;字体大小:14px;}

。网站标签里,标签位置:乳头{绝对;顶部:0px;左:10px;文本阴影:1px 1px 1px的RGB(0,0,0,0.1);}

答:徘徊。标签山雀{文字阴影:1px 1px 1px的RGB(0,0,0,0.5);}

希望本文能对大家的javascript程序设计有所帮助。