摘要：在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来控制图片的位移。... 阅读全文