DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 推薦9款炫酷的基於jquery的頁面特效
推薦9款炫酷的基於jquery的頁面特效
編輯:JQuery特效代碼     

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實現帶左右切換按鈕和位置圓點圖標的自動輪播焦點圖特效源碼,是一段可以實現自動輪播及鼠標點擊切換的焦點圖代碼,手動切換非別是左右切換及點擊位置圓點圖標切換。

在線演示

源碼下載

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved