专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Javascript教程 » javascript图片切换:JavaScript 图片切换展示效果alibaba拓展版 »正文

javascript图片切换:JavaScript 图片切换展示效果alibaba拓展版

来源: 发布时间:星期四, 2008年12月25日 浏览:47次 评论:0
首先需要个容器设置它overflow为hiddenposition为relative;
容器里面还要个滑动对象设置它position为absolute;
在initialize些属性
在切换的前先执行Start进行相关设置
主要是设置Index属性(索引)和_target属性(目标值):
[});


这里主要有4个参数分别是容器对象、滑动对象、切换参数和切换数量
是上下切换时切换参数切换高度当左右切换时是切换宽度
切换数量就是有多少个切换对象了例如上面例子就是3个
最后参数是些设置:
属性: 默认值//介绍说明
Up: true,//是否向上(否则向左)
Step: 5,//滑动变化率
Time: 10,//滑动延时
Auto: true,//是否自动转换
Pause: 2000,//停顿时间(Auto为true时有效)
onStart: function{},//开始转换时执行
onFinish: function{}//完成转换时执行
例子里设置了onStart属性作用是在切换开始时设置按钮样式
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: