JQuery0014:JQuery中 走马灯特效

时间:2020-03-24
本文章向大家介绍JQuery0014:JQuery中 走马灯特效,主要包括JQuery0014:JQuery中 走马灯特效使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
   


            <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>




原文地址:https://www.cnblogs.com/eliteboy/p/12557829.html