• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  TouchSlide——手机网站正文

TouchSlide——手机网站滑动特效插件

作者:网页模板
大小:0.675MB
点击次数:
发布时间:2014-08-25 13:52
分享到:

特效介绍

TouchSlideTouchSlide,基于js的强大的手机触屏版网页图片滑动和tab选项卡插件,使用非常方便,功能多,易于扩展。
注:预览时,最好在手机浏览器输入:“http://www.5imoban.net/view/js/201408/TouchSlide/ ”进行预览

使用方法

TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于:
1、TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同。
调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,SuperSlide调用方法为:jQuery("#slider").slide({ effect:"leftLoop" });
2、为了方便使用,我用js模拟了简单的jQuery选择器,只支持“#”“.”“标签名称”,用空格隔开。除了slideCell必须用id选择器外,其它titCell等都可以使用,例如:titCell:".title li"
3、除了上述2个不同,其它是一致的,想了解更多可以下载demo研究。

注:更详细的参数和方法请参考:TouchSlide插件使用方法
  • 本文标签:
  • TouchSlide,手机网站图片滑动
简单的jQuery图片滚动代码
带缩略图的jQuery图片轮播代码