原文地址我的BLOG第一次發(fā)布:
http://www./2010/04/jcarousel.html 源文件與預(yù)覽地址可見: http://www./demo/jc/content/jcarousel/ 效果圖: ![]() 需要支持的庫:jquery1.3.2以上版本 調(diào)用方法: $(function(){ //數(shù)據(jù) data=[{'url':'http://inncache.soso.com/pc/images/manage.jpg',"href":'#none',"title":'jcarousel'}, {"url":'http://inncache.soso.com/pc/images/xf.jpg',"href":'#none',"title":'jcarousel'}, {'url':'http://inncache.soso.com/pc/images/TT.jpg',"href":'#none',"title":'jcarousel'}]; //調(diào)用插件 $(".list").jcarousel({'speed':400,'timeout':2000,'width':550,'height':200,'photo':data}); }); 需要包含文件:jquery-1.4.2.min.js,jquery.jcarousel.js,jcarousel.css 目前版本介紹: 支持一個(gè)頁面多個(gè)調(diào)用,更改頭尾不相接BUG,改為頭尾相接優(yōu)化部分代碼,此版本為jcarousel-v2.0 簡單說明: 這個(gè)插件主要是仿騰訊PC頻道首頁的圖片滾動(dòng)展示JS效果,與騰訊的那個(gè)相比,我的插件可定制寬高,速度,間隔,且有停留查看功能,可自定制彈出窗口屬性和HREF屬性?;镜膱D片滾動(dòng)功能都擁有了,而且支持自定義CSS樣式。 優(yōu)化它的部分是可一個(gè)頁面多處調(diào)用不沖突,可自定義速度等,樣式等,而且實(shí)現(xiàn)了首位相接模式和非首位相接模式。 |
|