基于Jquery代碼實(shí)現(xiàn)支持PC端手機(jī)端幻燈片代碼
分享一款支持PC端手機(jī)端幻燈片代碼是一款支持移動(dòng)觸摸,支持鼠標(biāo)拖拽切換,支持帶進(jìn)度條的自動(dòng)播放模式。交果圖如下 :
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>
- jQuery旋轉(zhuǎn)木馬式幻燈片輪播特效
- jquery簡(jiǎn)單實(shí)現(xiàn)幻燈片的方法
- jQuery插件animateSlide制作多點(diǎn)滑動(dòng)幻燈片
- jQuery插件Skippr實(shí)現(xiàn)焦點(diǎn)圖幻燈片特效
- jQuery插件slick實(shí)現(xiàn)響應(yīng)式移動(dòng)端幻燈片圖片切換特效
- jquery幻燈片插件bxslider樣式改進(jìn)實(shí)例
- jquery特效 幻燈片效果示例代碼
- Jquery圖片滾動(dòng)與幻燈片的實(shí)例代碼
- jQuery Tools tab(幻燈片)
- jQuery模擬360瀏覽器切屏效果幻燈片(附demo源碼下載)
相關(guān)文章
純jquery實(shí)現(xiàn)模仿淘寶購(gòu)物車(chē)結(jié)算
在淘寶購(gòu)物,需要把商品加入購(gòu)車(chē),其中包含全選、單選金額改變,當(dāng)增加商品時(shí)金額也會(huì)相應(yīng)的發(fā)生變化,下面通過(guò)本文給大家分享純jquery實(shí)現(xiàn)模仿淘寶購(gòu)物車(chē)結(jié)算,需要的朋友可以參考下2015-08-08Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫(xiě))
放大鏡類(lèi)的文章網(wǎng)上有很多,由于實(shí)現(xiàn)起來(lái)比較麻煩,所以自己寫(xiě)了一個(gè),下面為大家分享下具體的算法及實(shí)現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10利用jQuery實(shí)現(xiàn)可輸入搜索文字的下拉框
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框輸入框時(shí),自動(dòng)顯示下面的下拉列表,而且是根據(jù)輸入框中輸入的搜索添加,自動(dòng)在后臺(tái)查找,然后傳到前臺(tái),展現(xiàn)頁(yè)面2013-10-10jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能
有時(shí)候可能需要實(shí)現(xiàn)這樣的效果:使用ajax提交表單,成功提交表單之后清空表單,這種功能大家可能都希望實(shí)現(xiàn)吧,接下來(lái)為您詳細(xì)介紹,需要了解的朋友參考下2012-12-12jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法
這篇文章主要介紹了jQuery對(duì)話框插件ArtDialog在雙擊遮罩層時(shí)出現(xiàn)關(guān)閉現(xiàn)象的解決方法,涉及針對(duì)插件源碼的修改,需要的朋友可以參考下2016-08-08jQuery 學(xué)習(xí)入門(mén)篇附實(shí)例代碼
這篇文章比較不錯(cuò),更重要的是一些實(shí)例代碼,對(duì)于想學(xué)習(xí)jquery的朋友是個(gè)不錯(cuò)的資料。2010-03-03jQuery通用的全局遍歷方法$.each()用法實(shí)例
這篇文章主要介紹了jQuery通用的全局遍歷方法$.each()用法,結(jié)合實(shí)例形式分析了$.each()方法實(shí)現(xiàn)遍歷功能的相關(guān)技巧,需要的朋友可以參考下2016-07-07