横向跟随图片文字特效

所属分类:UI-悬停

 22920  308  查看评论 (8)
分享到微信朋友圈
X
横向跟随图片文字特效 ie兼容8

横向跟随图片动画代码(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、图片个数随意增减

相关插件-悬停

很酷的鼠标悬浮动画

很酷的鼠标悬停三维倾斜动画,提供了8种效果
  悬停
 24210  393

JS超酷图片翻动展示效果

JS超酷图片翻动展示效果
  悬停
 27252  444

数十次css3鼠标悬停特效

鼠标移上去,界面显示的多种方式,各种css3动画
  悬停
 26339  678

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏

jquery hover鼠标滑过图片半透明文字标题滑动显示隐藏
  悬停
 35243  255

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Sunshineづ 0
    2017/3/24 15:09:11
    秋雨梧桐、叶落时 0
    2016/11/1 14:11:55
    不错的样子哦~~~~ 回复
    ???? ?? 0
    2016/7/20 14:07:52
    LYNEKNIGHT 0
    2016/4/20 15:04:10
    刚好看到这个! 回复
    会跳舞的鞋老板? 0
    2016/4/11 18:04:32
    Mr.H 0
    2016/3/30 16:03:38
    misakiayame 0
    2016/3/30 15:03:31
    喜欢
        会跳舞的鞋老板?0
        2016/4/11 18:04:40
        不错吧
    回复
取消回复