通过本文主要向大家介绍了Jquery,高亮显示等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
一、界面预览
鼠标放到右边的Tab按钮上,文字透明度降低,同时一段文字高亮显示,效果如下:
Demo地址:http://5thirtyone.com/sandbox/samples/fadefocus/
很绚丽的效果幺!
二、实现原理
将要高亮显示的文字加上<span>段落标记, class=”mask”的div 做为遮罩层,使此遮罩层位于文字内容之上(z-index属性,使用Jquery给段落动态添加样式类。
三、HTML代码