你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

封装图片滑动效果

结构 练习 25603浏览 10评论

by bopooo

在腾讯QQ软件下载的页面有一个图片滑动的效果,觉得还不错 就自己封装了一个
技术方面在 动作缓冲上 遇到一些问题 不过都解决了
不过还是要谢谢 天空里的一片云给我提供的资料http://bbs.blueidea.com/thread-2961061-1-2.html
我大体上看了下 别人的思路 就自己动手做了 基本上是按照自己的想法来做的

考虑到很多朋友不太了解js 所以我封装的时候 把所有参数都集中到一个函数里 免得大家调用的时候还要看源代码 去设置参数根据提供不同的参数会有不同的效果 没有封装特别多的效果 需要的朋友可以自己动手改正自己想要的
废话多了 具体看效果

调用方法:glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);


*glide.layerGlide(auto,oEventCont,oSlider,sSingleSize,second ,fSpeed,point);
*@param auto type:bolean 是否自动滑动 当值是true的时候 为自动滑动
*@param oEventCont type:object 包含事件点击对象的容器
*@param oSlider type:object 滑动对象
*@param sSingleSize type:number 滑动对象里单个元素的尺寸(width或者height) 尺寸是有point 决定
*@param second type:number 自动滑动的延迟时间 单位/秒
*@param fSpeed type:float 速率 取值在0.05–1之间 当取值是1时 没有滑动效果
*@param point type:string left or top 当值为left 为横向滚动 为top是顺向滚动

横向滑动

提示:你可以先修改部分代码再运行。

竖向滑动

提示:你可以先修改部分代码再运行。

转载请注明:练小习的前端技术笔记 » 封装图片滑动效果

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (10)

  1. 我一直想找的效果耶,好棒啊
    袁源8年前 (2011-05-02)回复
  2. 楼上,你不认识标题下面哪行字么?
    name8年前 (2011-02-10)回复
  3. 什么啊,抄袭别人的,好没创意,楼上一群阿谀奉承的人!
    你好无耻8年前 (2011-02-09)回复
  4. jquery会好一点吧~ animate函数用不了多少行就搞定了~
    后起之秀8年前 (2011-01-19)回复
  5. 牛人啊,GOOD
    mokear8年前 (2010-12-19)回复
  6. 效果很好,谢谢了
    紫逸8年前 (2010-12-15)回复
  7. 博主太牛了,崇拜你!
    web前端寒风9年前 (2010-08-05)回复
  8. 不错!我还以为是jquery写的。原来纯手工
    idamag9年前 (2010-04-08)回复
  9. 貌似Jquery很容易实现的,不过多谢谢代码,确实有不一样的心得,向你学习。
    uoian9年前 (2010-03-30)回复
  10. 太棒了!!效果很好啊!
    ZN9年前 (2010-01-27)回复