原文地址我的BLOG第一次发布:
http://www./2010/04/jcarousel.html 源文件与预览地址可见: http://www./demo/jc/content/jcarousel/ 效果图: ![]() 需要支持的库:jquery1.3.2以上版本 调用方法: $(function(){ //数据 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'}]; //调用插件 $(".list").jcarousel({'speed':400,'timeout':2000,'width':550,'height':200,'photo':data}); }); 需要包含文件:jquery-1.4.2.min.js,jquery.jcarousel.js,jcarousel.css 目前版本介绍: 支持一个页面多个调用,更改头尾不相接BUG,改为头尾相接优化部分代码,此版本为jcarousel-v2.0 简单说明: 这个插件主要是仿腾讯PC频道首页的图片滚动展示JS效果,与腾讯的那个相比,我的插件可定制宽高,速度,间隔,且有停留查看功能,可自定制弹出窗口属性和HREF属性。基本的图片滚动功能都拥有了,而且支持自定义CSS样式。 优化它的部分是可一个页面多处调用不冲突,可自定义速度等,样式等,而且实现了首位相接模式和非首位相接模式。 |
|
来自: weiledream > 《网站js特效类》