首頁 > web前端 > js教程 > 推薦9款酷炫的jquery為基礎的頁面特效_jquery

推薦9款酷炫的jquery為基礎的頁面特效_jquery

WBOY
發布: 2016-05-16 16:28:44
原創
1250 人瀏覽過

1.基於jquery實現的帶按鈕的圖片左右滾動切換

jquery帶按鈕的圖片滾動切換代碼是一款jquery製作帶按鈕的圖片左右滾動切換特效代碼

線上示範

原始碼下載

2.基於jQuery的圖片上下左右無縫連續循環滾動

imgscroll外掛是一款支援圖片焦點滾動(支援漸層和捲動),圖片連續無縫循環滾動的js庫,依賴jQuery圖片無縫連續循環滾動 支援上下左右的滾動。

線上示範

原始碼下載

3.jquery實現的fixed固定層時間軸動態效果

jquery實現的fixed固定層時間軸動態效果源碼,是一段非常使用的層固定顯示代碼。

線上示範

原始碼下載

4.jQuery實現的某飯店預訂頁面雙日期選擇框的效果

jQuery實現的某酒店預訂頁面雙日期選擇框的效果源碼,是一段可以在旅遊網頁中使用的酒店預定頁面代碼,如果在此段代碼中加入搜索功能就更完美了,此段代碼最大的特點就是支援雙日期選擇框。

線上示範

原始碼下載

5.jquery實現的支援電腦顯示的模仿手機相簿排列及查看效果

jquery實現的支援電腦顯示的模仿手機相簿排列及查看效果源碼(無觸控功能),是一段可以在電腦上實現智慧型手機相簿內的佈局排列及點擊查看相簿功能的代碼,但是,本段程式碼並不支援滑鼠左右滑動切換圖片。

線上示範

原始碼下載

6.js實作div拖曳動畫運行軌跡效果

這是一款基於js實現的div拖曳動畫運行軌跡效果源碼,是一款原生js div拖曳效果製作滑鼠拖曳div動畫運行軌跡效果程式碼。可以選擇【記住軌跡】與【不記住軌跡】兩種拖曳顯示模式,從而顯示出不同的拖曳效果。

線上示範

原始碼下載

7.jQuery基於SliderPro實現的左右佈局帶縮圖輪播圖

右側縮圖jQuery輪播圖效果是一款SliderPro實作左右佈局帶縮圖jQuery輪播圖效果。

線上示範

原始碼下載

8.html5基於jqplot外掛實現的曲線柱形統計圖

html5曲線柱形統計圖表代碼是一款使用jqplot插件實現的一個曲線柱形統計圖表,js中都有註釋,可以自行修改。

線上示範

原始碼下載

9.jquery excoloSlider.js實現具有左右切換按鈕和位置圓點圖示的自動輪播焦點圖

jquery excoloSlider.js實現具有左右切換按鈕和位置圓點圖示的自動輪播焦點圖特效源碼,是一段可以實現自動輪播及滑鼠點擊切換的焦點圖代碼,手動切換非別是左右切換及點擊位置圓點圖示切換。

線上示範

原始碼下載

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板