横向跟随图片文字特效

查看演示立即下载

插件描述：横向跟随图片动画代码（jQuery）

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

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： js制作日历
下一个特效： bootstrap登录表单模板