jquery+hover鼠标悬停图片滑动显示文字遮罩插件


jquery+hover鼠标悬停图片滑动显示文字遮罩插件
jquery+hover鼠标悬停图片滑动显示文字遮罩插件以及鼠标悬停、图片滑动、显示文字遮罩等js/jquery网页特效代码下载。

1. 引入JS

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

2. HTML代码

	<div id="main">
		<div class="items">
			<div class="img">
				<img src="images/label_1.jpg" width="216" height="300">
				<div class="desc">这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、</div>
			</div>
			<div class="title">鸣人</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_2.jpg" width="216" height="300">
				<div class="desc">这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、</div>
			</div>
			<div class="title">鸣人他爹</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_3.jpg" width="216" height="300">
				<div class="desc">这货是我爱罗、这货是我爱罗、这货是我爱罗、这货是我爱罗、这货是我爱罗、</div>
			</div>
			<div class="title">我爱罗</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_4.jpg" width="216" height="300">
				<div class="desc">这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、</div>
			</div>
			<div class="title">斑</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_1.jpg" width="216" height="300">
				<div class="desc">这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、这货是鸣人、</div>
			</div>
			<div class="title">鸣人</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_2.jpg" width="216" height="300">
				<div class="desc">这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、这货是鸣人他爹、</div>
			</div>
			<div class="title">鸣人他爹</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_3.jpg" width="216" height="300">
				<div class="desc">这货是我爱罗、这货是我爱罗、这货是我爱罗、这货是我爱罗、这货是我爱罗、</div>
			</div>
			<div class="title">我爱罗</div>
		</div>
		<div class="items">
			<div class="img">
				<img src="images/label_4.jpg" width="216" height="300">
				<div class="desc">这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、这货是斑、</div>
			</div>
			<div class="title">斑</div>
		</div>
	</div>

相关推荐

发表评论

相关文章