成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

支持同一頁面多次使用的jQuery插件

開發 前端
此插件可以在上下左右四個方向上顯示導航,背景滑動動畫可以獨立設置,播放區域動畫可以獨立設置,每次進入顯示區域導航數量可以獨立設置,如果設置錯誤或者設置不合理會被插件內部重置。

演示Demo : http://ethanzhu.github.com/jq.imageShown/Demo.html

演示的Demo中主要提供了幾家視屏網站的廣告示例,(搜狐 奇藝 迅雷 QQ視屏)

更新 1.2版本 刪除回調函數的控制臺輸出調試,因為在IE6下沒有控制臺會造成插件出錯, 完成build功能。 提示信息按鈕支持多個,此版本為***的穩定版。

近期將會提供更加詳細的data書寫格式說明,build時html格式說明,詳細的options參數說明。補充內容類型的切換展示案例。

Introduction:

jquery imageShown 插件可以完成多種形式的內容輪顯切換, 所有我提供的Demo中雖然都是導航帶動的輪顯圖片,但是它還能完成內容的切換,即可以完成Tab功能,單純的圖片輪顯功能,新聞信息的輪顯。 也就是說這個插件在使用合理參數的配合下可以顯示任何形式的內容。

此插件可以在上下左右四個方向上顯示導航,背景滑動動畫可以獨立設置,播放區域動畫可以獨立設置,每次進入顯示區域導航數量可以獨立設置,如果設置錯誤或者設置不合理會被插件內部重置。提示信息是否顯示,以及顯示動畫可以獨立設置。具體請參考Demo相關內容。

注:在使用Tab功能時需要設置 pContent為 content 并且由于由于顯示區域已經被固定大小,所以針對未知大小的內容請在callback函數中處理。

插件內部已經對請求的資源是否存在做了判斷,例如出現錯誤你可以直接顯示參數中你提供默認顯示信息,同時你也可以在callback函數中對這個錯誤區域進行處理。callback函數你可以接收回傳的參數。
回傳參數的說明:

  1. id //當前Dom的ID,在你頁面未設置ID的情況下這個ID會是插件自動生成的唯一值。   
  2.  
  3. total //輪顯內容的數量   
  4.  
  5. /*  
  6. 當前選擇的***個內容區域,當你loop設置為false時此內容就是頁面Dom中的index值,當loop為true時導航區域需要根據 attr('data-index')來獲取當前的index。player區域不受loop限制,永遠為當前內容的index值  
  7. */  
  8. selected  
  9.  
  10. curNav//當前導航,可以通過 attr('data-missing')來確認內容是否正常加載。  
  11.  
  12. curPlay//當前顯示的主要內容,可以通過 attr('data-missing')來確認內容是否正常加載。  
  13.  
  14. curData//你傳入數據data的當前值。   
  15.  

下一步開發計劃:
當你不愿意或者不會使用data參數時,你可以講需要顯示的內容按照固定格式寫入html頁面,然后使用 build命令由插件自行完成余下內容
例如: 

  1. $('elem').imageShown('bulid');   
  2. $('elem').imageShown('bulid',{'options'});   
  3. $('elem').imageShown('bulid','option','value');  

提供外部暫停和重啟自動播放的接口,方便你能夠在回調函數中進行使用。 提供更多的說明和示例。

默認參數:

  1. id:    null,  
  2.         navSpace: 47,   
  3.         pWidth: 0 ,   
  4.         pHeight:0 ,   
  5.         navNum: 4,   
  6.         navPlace: null,   
  7.         autoPlay: true,   
  8.         autoTime: 4000,   
  9.         events: 'mouseenter',   
  10.         tbgAnimate: true,   
  11.         tbgSpeed: 'fast',   
  12.         addtional:false,  
  13.         step: 1,   
  14.         scrollSpeed:'fast',  
  15.         opacity:0.6,   
  16.         data: null,   
  17.         loop: true,   
  18.         player: true,   
  19.         animate: 'fade',//left,right,top,bottom,fade,none  
  20.         //deepNav: false,   
  21.         showTips: true,   
  22.         tipsAnimate: 'fade',//fade,slide  
  23.         selected: 1,   
  24.         callback: null,   
  25.         preload: true,   
  26.         target: '_blank',   
  27.         pSpeed:500,   
  28.         pType: false,  
  29.         tContent:'image',//num,none,image,content  
  30.         listPlace:null,  
  31.         tipsBtn:false,   
  32.         loadClass: 'img-player-loading',  
  33.         pContent:'image' 

使用方法:

  1. $('elem').imageShown({'options'});  
  2. setter:  
  3. $('elem').imageShown('option',{'options'});  
  4. $('elem').imageShown('option','option','value');  
  5. getter  
  6. var option = $('elem').imageShown('option','option name');  

在build功能完成之后將提供更加相信的參數以及配置的說明。

同時buid將會以擴展的形式發布,即需要使用build功能時,需要引入另外的文件。這樣做的目的是為了解決文件大小問題。

插件經過非常多的暴虐暫時沒發現問題,性能上已經處理的很好,經過測試暫時未發現內存泄露問題。測試平臺:ie6,firefox3.6, windows2003

歡迎您能夠給我提出寶貴的意見。

Future:

計劃在播放區域內加入上一張,下一張按鈕。(只在計劃中,暫未具體實施。)

原文鏈接:http://www.cnblogs.com/zhuyidong/archive/2012/04/28/2475347.html

責任編輯:張偉 來源: Ethan.zhu的博客
相關推薦

2012-04-24 10:36:08

jQuery插件

2011-10-28 11:11:45

應用設計移動設備

2020-10-15 06:34:45

內存代碼背景頁

2011-05-10 14:49:30

SEO404頁面

2022-04-28 15:38:42

WebViewJavaUI

2011-04-01 16:15:11

Zabbix報錯

2013-12-02 15:31:37

jQuery插件

2018-02-06 09:39:45

404錯誤頁面錯誤

2020-12-13 12:14:45

H5開發H5-Dooring

2013-06-04 10:11:28

Google用戶體驗設計UED

2017-05-10 07:33:41

AndroidWebView視頻

2009-08-05 18:14:52

ASP.NET 2.0

2022-07-26 00:00:02

TCPUDPMAC

2013-12-02 15:25:38

jQuery插件

2020-03-09 15:27:25

開源技術 趨勢

2013-12-02 14:53:20

jQuery插件

2024-03-18 08:21:06

TCPUDP協議

2011-09-21 09:32:08

HTML 5

2017-04-07 17:00:51

Android仿拉鉤動效

2024-03-05 10:07:22

TCPUDP協議
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 蜜桃视频一区二区三区 | 一区二区三区视频在线 | 高清国产午夜精品久久久久久 | 国产精品久久久久9999鸭 | 国产精品777一区二区 | 欧美性视频在线播放 | 亚洲成人一区二区 | 91精品国产高清一区二区三区 | eeuss国产一区二区三区四区 | 色先锋影音 | 日本视频在线 | 亚洲男人的天堂网站 | 国产东北一级毛片 | 久久成人精品视频 | 美女国内精品自产拍在线播放 | 一区二区影视 | 激情一区二区三区 | 黄色网络在线观看 | 亚洲成av人片在线观看 | 日日夜夜精品免费视频 | 日韩av免费在线观看 | 国产成人jvid在线播放 | 亚洲精品一区二三区不卡 | 北条麻妃一区二区三区在线观看 | 韩国理论电影在线 | 欧美久 | 国产福利资源在线 | 精品久久久久久 | 看一级毛片 | 久久精品99久久 | 91麻豆产精品久久久久久夏晴子 | 91视频网 | www,黄色,com | 国产乱码精品一区二区三区五月婷 | 99re视频在线 | 午夜激情在线视频 | 免费午夜视频 | 一区二区三区高清 | 最新国产精品 | 成人在线视频一区 | 少妇午夜一级艳片欧美精品 |