Jquery高亮显示文本中重要的关键字.docVIP

一、界面预览 鼠标放到右边的Tab按钮上，文字透明度降低，同时一段文字高亮显示，效果如下： Demo地址：http://5/sandbox/samples/fadefocus/ 很绚丽的效果幺！ 二、实现原理 将要高亮显示的文字加上span段落标记， class=”mask”的div 做为遮罩层，使此遮罩层位于文字内容之上（z-index属性，使用Jquery给段落动态添加样式类。 三、HTML代码 div　class=wrapper　　　　ul　class=entity-results　　　　　　　　lia　class=d1　href=#Summary/a/li　　　　　　　　lia　class=d2　href=#Avatar/a/li　　　　　　　　lia　class=d3　href=#Formats/a/li　　　　/ul　　　　div　class=content　　　　　　　　h2　　　　　　　　　　　　Avatar　(2009　film)/h2　　　　　　　　div　class=entity-source　　　　　　　　　　　　img　src=images/avatar.jpg　alt=Avatar　poster　/　　　　　　　　　　　　p　　　　　　　　　　　　　　　　Avatar,　also　known　as　James　Camerons　Avatar,　is　an　American　3-D　science　fiction　　　　　　　　　　　　　　　　epic　film　written　and　directed　by　a　href=/wiki/James_Cameron　　　　　　　　　　　　　　　　　　　　James　Cameron/a,　and　was　released　on　December　16,　2009　by　20th　Century　Fox.　　　　　　　　　　　　　　　　The　film　is　co-produced　by　a　href=/wiki/Lightstorm_Entertainment　　　　　　　　　　　　　　　　　　　　Lightstorm　Entertainment/a,　and　span　class=d1focuses　on　an　epic　conflict　on　Pandora/span,　　　　　　　　　　　　　　　　an　inhabited　Earth-sized　moon　of　Polyphemus,　one　of　three　fictional　gas　giants　orbiting　　　　　　　　　　　　　　　　a　href=/wiki/Alpha_Centauri_AAlpha　Centauri　A/a.　On　　　　　　　　　　　　　　　　Pandora,　human　colonists　and　the　sentient　humanoid　indigenous　inhabitants　of　Pandora,　　　　　　　　　　　　　　　　the　Navi,　engage　in　a　war　over　the　planets　resources　and　the　latters　continued　　　　　　　　　　　　　　　　existence.　The　films　title　refers　to　span　class=d2an　avatar,　a　representation　of　　　　　　　　　　　　　　　　　　　　a　real　person　in　a　virtual　world/span./p　　　　　　　　　　　　p　　　　　　　　　　　　　　　　span　class=d3The　film　was　released　in　2D　and　3D　formats/span,　along　with　an　　　　　　　　　　　　　　　　IMAX　3D　release　in　selected　theaters.　The　film　is　being　touted　as　a　breakthrough　　　　　　　　　　　　　　　　in　terms　of　filmmaking　technology,　for　its　development　of　3D　viewing　and　stereoscopic　　　　　　　　　　　　　　　　filmmaking　with　cameras　that　were　specially　designed　for　the　filmduction./p　　　　　　　　　　　　p　　　　　　　　　　　　　　　　Read　the　rest　of　the　a　href=/wiki/Avata