jQuery滾動新聞實現代碼
608
2024-02-26
分享一款支持PC端手機端幻燈片代碼是一款支持移動觸摸,支持鼠標拖拽切換,支持帶進度條的自動播放模式。交果圖如下 :
效果演示 源碼下載
html代碼:
<div class="flex"> <ul class="slides"> <li data-title="Slide 1"> <img alt="" src="http://www.gimoo.net/t/1904/img/beasts_feature.jpg"> </li> <li data-title="Slide 2"> <img alt="" src="http://www.gimoo.net/t/1904/img/element-taiwan-thmb.jpg"> </li> <li data-title="Slide 3"> <img alt="" src="http://www.gimoo.net/t/1904/img/streets-newyork.jpg"> </li> </ul> </div> <script src="http://www.gimoo.net/t/1904/js/jquery-2.1.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://www.gimoo.net/t/1904/js/jflex.min.js"></script> <script type="text/javascript"> $('.flex').jFlex({ autoplay: true }); </script>
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!