jquery鼠标悬停图片显示文字标题内容特效代码下载


jquery鼠标悬停图片显示文字标题内容特效代码下载
jquery鼠标悬停图片显示文字标题内容特效代码下载以及鼠标悬停、图片显示、文字标题内容等js/jquery网页特效代码下载。

1. 引入JS

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

2. HTML代码

<div class="demopage">
	<div class="item">
		<img width="150" height="150" alt="jquery 幻灯片插件 canvas 3D旋转木马 图片立体展示 图片有大到小一次顺序排列" src="images/small18129a189a8f547aba10fb10f91e6282.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
	<div class="item">
		<img width="150" height="150" alt="javascript滚动图片按钮控制图片左右自动滚动" src="images/small6ae21c4c44285e9a58afd5c3f42ae36f.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
	<div class="item">
		<img width="150" height="150" alt="用div+css制作纯CSS下拉菜单,兼容IE6 IE7 IE8及以上 Firefox" src="images/smallee9241175b1e38b5df271a9f2f67034d.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
	<div class="clear"></div>
	<div class="item">
		<img width="150" height="150" alt="jquery HTML5 幻灯片插件 用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果" src="images/small8937f779ac932d157fe04fe463b083d4.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
	<div class="item">
		<img width="150" height="150" alt="jquery JScrollPane 插件设置浏览器默认垂直滚动条和内置滚动条" src="images/small9d03c58136f0f413d4f619536213bddb.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
	<div class="item">
		<img width="150" height="150" alt="jquery 文字滚动大全 scroll 支持文字或图片 单行滚动 多行滚动 带按钮控制滚动" src="images/small99c04eb3c2092522c82fda8a5e9245b5.jpg" />
		<div class="caption">
			<a href="https://www.51qianduan.com/" target="_blank">51前端</a>
			<p><a href="https://www.51qianduan.com/" target="_blank">51前端</a></p>
		</div>
	</div>
</div><!--demopage end-->

相关推荐

发表评论

相关文章