基于Jquery代碼實現(xiàn)支持PC端手機(jī)端幻燈片代碼
更新時間:2015年11月17日 15:49:33 投稿:mrr
支持PC端手機(jī)端幻燈片代碼是一款支持移動觸摸,支持鼠標(biāo)拖拽切換,支持帶進(jìn)度條的自動播放模式,本文給大家分享一款基于jquery代碼實現(xiàn)支持pc端手機(jī)端幻燈片代碼,感興趣的朋友一起學(xué)習(xí)吧
分享一款支持PC端手機(jī)端幻燈片代碼是一款支持移動觸摸,支持鼠標(biāo)拖拽切換,支持帶進(jìn)度條的自動播放模式。交果圖如下 :
html代碼:
<div class="flex"> <ul class="slides"> <li data-title="Slide 1"> <img alt="" src="img/beasts_feature.jpg"> </li> <li data-title="Slide 2"> <img alt="" src="img/element-taiwan-thmb.jpg"> </li> <li data-title="Slide 3"> <img alt="" src="img/streets-newyork.jpg"> </li> </ul> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jflex.min.js"></script> <script type="text/javascript"> $('.flex').jFlex({ autoplay: true }); </script>
相關(guān)文章
Jquery實現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多,由于實現(xiàn)起來比較麻煩,所以自己寫了一個,下面為大家分享下具體的算法及實現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10jQuery實現(xiàn)form表單reset按鈕重置清空表單功能
有時候可能需要實現(xiàn)這樣的效果:使用ajax提交表單,成功提交表單之后清空表單,這種功能大家可能都希望實現(xiàn)吧,接下來為您詳細(xì)介紹,需要了解的朋友參考下2012-12-12jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法
這篇文章主要介紹了jQuery對話框插件ArtDialog在雙擊遮罩層時出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對插件源碼的修改,需要的朋友可以參考下2016-08-08