JQuery0014:JQuery中 走马灯特效

不问归期 提交于 2020-03-24 12:27:07
   
            <div class="str4 str_wrap">
                <a href="#"><img src="img/1c0ae2205709722b62e843abc0471a55_S.jpg"></a>
                <a href="#"><img src="img/01f1a05053c6242fcfa23075e5b963c1_S.jpg"></a>
                <a href="#"><img src="img/6f43b5263fbba79c5962514b85d34738_S.jpg"></a>
                <a href="#"><img src="img/8b6e33345ac8d5ffd9cf0d107a7d9e9d_S.jpg"></a>
                <a href="#"><img src="img/9b2c4b44fb86522964124ed80d03c5e8_S.jpg"></a>
                <a href="#"><img src="img/9ecd376e5371efaef9aad9bc9143aed8_S.jpg"></a>
                <a href="#"><img src="img/19f9cefdfb07230a68581d617885a3af_S.jpg"></a>
                <a href="#"><img src="img/36fdb1a35cd2f54f95cf2119fb5bc7ed_S.jpg"></a>
                <a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
                <a href="#"><img src="img/1c0ae2205709722b62e843abc0471a55_S.jpg"></a>
                <a href="#"><img src="img/01f1a05053c6242fcfa23075e5b963c1_S.jpg"></a>
                <a href="#"><img src="img/6f43b5263fbba79c5962514b85d34738_S.jpg"></a>
                <a href="#"><img src="img/8b6e33345ac8d5ffd9cf0d107a7d9e9d_S.jpg"></a>
                <a href="#"><img src="img/9b2c4b44fb86522964124ed80d03c5e8_S.jpg"></a>
                <a href="#"><img src="img/9ecd376e5371efaef9aad9bc9143aed8_S.jpg"></a>
                <a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
                <a href="#"><img src="img/19f9cefdfb07230a68581d617885a3af_S.jpg"></a>
                <a href="#"><img src="img/36fdb1a35cd2f54f95cf2119fb5bc7ed_S.jpg"></a>
                <a href="#"><img src="img/0b1ad7a7b79268a1f4558db78e092446_S.jpg"></a>
            </div>
 <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.liMarquee.js"></script>
    <script>
        $(window).load(function () {
            // $('.str3-2').liMarquee();
            $dowebok = $('.str4').liMarquee({
                //默认没有参数 是向左滚动
                direction: 'left',
                // direction: 'right',
                // direction: 'up',
                // direction: 'down',
                //滚动速度
                scrollamount: 100,
                //非无缝滚动
                // circular: false,
                //禁止拖动
                // drag: false,
                //内容不足不滚动
                // runshort: false,
                //鼠标悬停不暂停
                // hoverstop: false,
                //反向
                // inverthover: true
            });
        });

        // 事件
        $(document).on('click', function () {
            // 暂停
            // $dowebok.liMarquee('pause');
            // 播放
            // $dowebok.liMarquee('play');
            // 销毁
            // $dowebok.liMarquee('destroy');
            // 更新
            $dowebok.liMarquee('update');
        });


    </script>

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!