您好,登錄后才能下訂單哦!
小編給大家分享一下jquery如何使用skitter插件,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
下載地址:http://www.skitter-slider.net
這個插件最大的特色是,它在翻頁或滑動時有非常多的動畫效果,比如立方體形、管道形等等。它還給用戶提供一系列選項進行最大限度的自定義,例如,動畫速度,轉換間隔,圖片文字標簽的設置等。
使用很簡單,給予正確的配置就行。
詳細配置參數見:http://blog.sina.com.cn/s/blog_7f95e24b01017ts9.html 和官網。這里不再贅述。
這里主要講一下它的缺點。
缺點一:
也算是BUG我覺得,參數設置全屏的時候寬屏圖片顯示沒問題(官網上全是寬屏圖片),當窄屏大圖片全屏時就不如人意了,以下對比:
可以清楚的看出來不和諧之處。查看代碼才知道它的‘父母’考慮不周全
只定義了高度,沒有定義寬度(自己寫程序的時候就要注意,要想到所有可能的情況)。于是乎:
看效果:
缺點二:
不支持手機滑動換圖。對于本來就是要用于手機端的我怎能容忍。
繼續修改源碼。借助另一個插件jquery_mobile。
(去學校學習)用法:
看源碼,找到適合修改的地方,加入代碼:
其實這個是仿照它的前一個和后一個按鈕觸發事件寫的,只不過觸發源改了。
以上是“jquery如何使用skitter插件”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。