叶雨梧桐BLOG

【整理】JQ仿QQ商城幻灯片滚动特效

发布时间:2015年7月8日 / 分类:前端笔记 / 吐槽

学习笔记:JQ仿QQ商城幻灯片滚动特效

演示地址

http://blog.gt520.com/qdxx/20150708/fqqsc.html

小结

1.获取焦点图的宽度和个数,便于切换和按钮的对应
2.trigger() 方法触发被选元素的指定事件类型
3.$(this).stop(true,false).animate({"opacity":"0.2"},300);});//stop 是否停止被选元素的所有加入队列的动画,是否完成当前的动画
4.对按钮事件,使用数组遍历来对应每张焦点图
5.setInterval来实现鼠标悬停动画停止
6.$(slid+" .btn span").removeClass("on").eq(index).addClass("on");
//为当前的按钮切换到选中的效果
//先移除所有效果,然后添加给某个元素指定的效果
//这里的函数依次执行,可以类比php中的.链接

标签:没有标签呢

版权声明:除特殊注明外,均由叶雨梧桐原创,转载请保留文章出处;
本文链接:http://gt520.com/qdbj/295.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 薇洛迪兰: 应该是服务器的问题吧
  • 今日头条: 文章不错非常喜欢
  • 今日头条: 文章不错非常喜欢
  • 码客: 定时任务我直接用cron
  • 鸟叔: 此时此刻鸟叔想吟诗一首:梧桐夜雨涨秋迟……
  • 夏目贵志: 三年了后偶遇这博客了!
  • 钟水洲博客: 拜个早年
  • 鸟叔の窝: 最近一直在关注贵博客,加个友情链接可否?
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
归档