jquery段落文字内容高亮显示提示



93 371 124



特效描述:段落文字高亮 内容高亮显示,jquery段落文字内容高亮显示一段主要文字内容提示。通过设置鼠标滑过段落标签,高亮显示此标签的内容含义信息。

代码结构

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

2. HTML代码

	<div class="wrapper">
		<ul class="entity-results">
			<li><a class="d1" href="#">总结</a></li>
			<li><a class="d2" href="#">阿凡达</a></li>
			<li><a class="d3" href="#">格式</a></li>
		</ul>
		<div class="content">
			<h2>“阿凡达”Avatar(2009年电影)</h2>
			<div class="entity-source">
				<img src="images/avatar.jpg" alt="Avatar poster"/>
				<p>“阿凡达”詹姆斯·卡梅隆的阿凡达,也被称为是美国的3-D科幻史诗电影编剧和导演詹姆斯·卡梅隆(James Cameron)由20世纪福克斯公司,并于2009年12月16日发布。这部电影是联合制作的Lightstorm娱乐, 和 <span class="d1">集中在一个史诗般的潘多拉星球上的冲突</span>,有人居住的地球大小的月亮的波吕斐摩斯,三个虚构的气态巨行星轨道的半人马座阿尔法星A的潘多拉,人类殖民者和众生的人形原居民,纳美人(潘多拉)之一,从事的战争在地球上的资源,而后者则继续存在。 这部电影的标题指的是 <span class="d2">阿凡达, 表示在虚拟世界中的一个真正的人</span>.</p>
				<p><span class="d3">在2D和3D格式的影片上映</span>, 随着IMAX 3D版本在选定的剧院。这部影片被吹捧为电影制作技术方面取得突破性进展,其开发的三维可视摄像头,专为电影的制作和立体电影制作。</p>
				<div class="mask"></div>
			</div>
		</div>
	</div><!--wrapper end-->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
admin
关注
TA的相关作品 >>更多
热搜关键词
热门下载


热门标签:

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到