摘要:
在webapp中,会遇到在一个容器中显示多个图片,然后可以左右滑动的情况,于是基于jquery写了一个,智能手机上可以看到效果 预览地址:http://kardel.sinaapp.com/qqbuy/sy.html 1 $.fn.scrollImage = function (option) { 2 var setting = { 3 // 显示出来的图片数量 4 showNum:3, 5 // 滑动效果的速度 6 speed:300, 7 // 图片间的间隙 8 gapWidth:... 阅读全文
摘要:
最近在做手机上的web app,很多场景需要使用到类似tab切换和图片轮播的东西,需要支持手势和鼠标点击的,于是就基于jquery弄了一个,每一个参数有详细的说明,目前只添加了scroll和none的效果,scroll即滑动的效果,可以支持x和y方向的滑动;none就是没有任何效果,只是显示和隐藏,后续需要添加其他效果再做扩展,写的有点水,呵呵,在此留笔,防止丢失。更新后的版本,只支持单个图轮播。 更新内容:将之前使用的用left控制动画修改为使用css3的-webkit-transform来控制动画,流畅度大大提升,另外使用translate3d和translateX来控制图片的位移。... 阅读全文