叶雨梧桐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
分类
最新文章
最近回复
  • 楚狂人博客: 很久没看到博主新文章了,等待
  • 啊啊: 如果对象是隐藏的话还是不行
  • 通古思: PHP是世界上最好的语言!
  • 森七: 想转去ty,收藏了贵站肯定会用到 make
  • 寻芜兮: 博主您好,您写的《Xshell 进行科学上网的正确姿势》中图片已经挂掉了,可以再补档一次吗。
  • 天津网站建设: 感谢博主分享
  • 博客大全: 钻研精神会让你学到更多,加油!
  • 麦麦米: 不错的文章呢
  • 薇洛迪兰: 应该是服务器的问题吧
  • 关于我们: 弱弱的问下博主,接受友情链接吗?
归档