横向跟随图片文字特效

 查看演示  website  立即下载

横向跟随图片动画代码（jQuery），超炫的视觉效果，鼠标移至图片上即可显示该图片的详细介绍。根据鼠标移入移出方向的不同，详细介绍进入退出的方向也不同。兼容主流浏览器（不兼容ie6）

使用方法：

1、head区域引用文件 style.css，jquery.min.js，home.min.js

<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/home.min.js"></script>

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

<div class="content">
	<ul id="da-thumbs" class="da-thumbs">
		<li>
			<a href="#" >
				<img src="images/01.jpg">
				<div class="hot_info">
					<h2>图片演示信息1</h2>
					<em></em>
					<p title="图片演示信息说明1">图片演示信息说明1</p>
				</div>
			</a>
		</li>
		<li>
			<a href="#" >
				<img src="images/02.png">
				<div class="hot_info">
					<h2>图片演示信息2</h2>
					<em></em>
					<p title="图片演示信息说明2">图片演示信息说明2</p>
				</div>
			</a>
		</li>
	</ul>
</div>	

3、图片个数随意增减

PREVIOUS:
NEXT:
bootstrap登录表单模板
js制作日历