首页
   /       /   
鼠标停留,图片自动滚动效果
12月
26
鼠标停留,图片自动滚动效果
作者:大彭Sir    分类: 程序源码

效果展示

实现代码:

    <div class="outDiv">
        <div class="innerDiv" data-img='true'>
            <img src="http://aimg8.dlszywz.com/xys/copy/mobile_pic/1/128_7471581637206058.jpg?x-oss-process=image/resize,m_lfit,w_360,limit_0" class="targetImg" />
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
            new LongPicShow({});
        })
    </script>
        * {
            padding: 0px;
            margin: 0px;
            list-style-type: none;
        }

        .outDiv {
            width: 500px;
            height: 500px;
            margin: 20px auto;
        }

        .innerDiv {
            width: 500px;
            height: 500px;
            position: relative;
            background: #fff;
            overflow: hidden;
        }

        .innerDiv img {
            width: 100%;
        }

关键Js代码获取

https://www.hkiii.cn/content/templates/brief/js/demo.js
本文标签:标签: css JS特效
责任声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
转载声明:本文作者大彭Sir,如需转载请保留文章出处!原文链接请自行复制!

Theme By Brief 鄂ICP备19010459号

站长统计 sitemap

首页

分类

友链

登录