10款基於jQuery打造的大屏帶導航焦點圖

標籤：http   ar   strong   div   2014   on   html   ad   ef   

1.純CSS3實現3D效果iPhone 6動畫

iPhone 6剛發布不久，今天我們就用純CSS3來把iPhone 6的外觀簡單地繪製出來，記得是用純CSS3實現的哦，沒有用一張圖片。由於CSS3特性的運用，整個iPhone 6手機邊框帶有陰影，很有立體3D的視覺效果。

線上示範

源碼下載

2.純CSS3天氣動畫表徵圖

這是一款基於純CSS3的天氣動畫表徵圖，利用CSS3特性，我們在這裡繪製了7個關於天氣的表徵圖，並且每一個表徵圖都有一套代表當前天氣的動畫特效，比如下雨天氣，就會有下雨的動畫，下雪也是如此。這些CSS3天氣表徵圖可以應用在關於天氣預報的應用中。

線上示範

源碼下載

3.基於jquery的可拖動div

今天要給大家分享一款基於jquery的可拖動div。這款可拖動div只要引用jquery就可以，無需引用jquery ui。還即時記錄的滑鼠的座標。

線上示範

源碼下載

4.基於jquery ui漂亮的可拖動div執行個體

今天要給大家帶來一款基於jquery ui漂亮的可拖動div執行個體。這款執行個體用了圖片當背景，div層採用了幽靈透明效果。div拖動是基於jquery ui的。介面非常漂亮。

線上示範

源碼下載

5.jQuery外掛程式打造10多款具有超強的視覺衝擊的圖片切換特效

jQuery外掛程式打造10多款具有超強的視覺衝擊的圖片切換特效,可以多種選擇，多種特效每一款都是不同的圖片轉場效果。幾乎整合了所有轉場效果。適用於瀏覽器：IE9+,google,firefox。其它瀏覽器也可以進行圖片切換，但是效果沒有那麼炫酷的3D效果。

線上示範

源碼下載

6.國外強大的jQuery圖片瀏覽外掛程式可設定7種轉場效果

國外強大的jQuery圖片瀏覽外掛程式可設定7種轉場效果,轉場效果,切換時間長短,是否載入後自動播放,播放速度都是可以再外掛程式裡面簡單的設定一下就可以看到效果！非常牛的一個jQuery外掛程式。適用於瀏覽器:IE8以上的瀏覽器,firefox,google等

線上示範

源碼下載

7.jQuery打造4款經典3D立體效果的焦點圖切換特效

jQuery打造4款經典3D立體效果的焦點圖切換特效,一共四款,每款都有不同的3D切換特效。適用於瀏覽器:IE9+,firefox,google。IE8瀏覽器下沒有3D效果。

線上示範

源碼下載

8.jQuery+CSS3打造的3款不同的3D焦點圖切換jQuery特效

jQuery+CSS3打造的3款不同的3D焦點圖切換jQuery特效,第一款和第三款是點擊切換圖片,第二款是自動切換圖片！都有很好很苦的3D轉場效果。第一款是按順序多屏切換,第三款是3屏切換。

線上示範

源碼下載

9.利用鍵盤方向鍵控制的jQuery全屏焦點圖特效

可利用鍵盤方向鍵控制的jQuery全屏焦點圖特效，很炫酷的全屏焦點圖切換，可以點擊小按鈕切換,也可以按鍵盤的左右鍵來控制焦點圖滾動的方向，切換時帶有彈性的視覺衝擊效果。

線上示範

源碼下載

10.基於jQuery打造的大屏帶導航焦點圖特效

基於jQuery打造的大屏帶導航焦點圖特效,這個特效是非常炫酷的一款導覽功能表特效。帶有許多特殊的效果。

線上示範

源碼下載

10款基於jQuery打造的大屏帶導航焦點圖