叶雨梧桐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://blog.gt520.com/qdbj/295.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 夏目贵志: 三年了后偶遇这博客了!
  • 钟水洲博客: 拜个早年
  • 鸟叔の窝: 最近一直在关注贵博客,加个友情链接可否?
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
  • 态度xiaomi: 支持下
  • 梦青年: 我的网站下线了,你可以把我的友链去掉了,感谢多年的支持和关注~ 梦青年。
  • 便宜VPS: 已添加贵站链接,我站:https://www.vultrclub.com,站:便宜VPS
  • vultr: 朋友 交换链接吗
  • 罗小黑: py小白看不懂啊! Traceback (most recent call last): ...
归档