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程序设计有所帮助。