TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,
能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择!
ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。
教程地址:http://www.superslide2.com/TouchSlide/howToUse.html?tdsourcetag=s_pcqq_aiomsg 附上个人使用实例: <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,mi
插件一:TouchSlide 地址 http://www.superslide2.com/TouchSlide/ 简介 TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 使用 参照官方api即可上手使用 注意事项 1、此插件是纯js开发,不依赖其他任何js库 2、此插件只模拟了部分jQeu
对于实现效果来说,插件的办事效率真的是太高了,而且里边也被处理过兼容性,用起来实在是特别方便,现在我们来说说大话主席中的slide插件,它分为pc端(superslide)和移动端(touchslide)。 superslide: 1、引用jQuery.js 和 jquery.SuperSlide.js 因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引
HTML: <div id="slideBox" class="slideBox"> <div class="bd"> <ul> <li> <a class="pic" href="#"><img src="images/csse1.jpg" /></a
官方连接:http://www.superslide2.com/TouchSlide/ TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端, 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择! ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。 v
参数 版本 默认值 说明 详细 slideCell 1.0 "#touchSlide" 容器对象(执行效果的对象,必须是id对象!) 图解>> titCell 1.0 ".hd li" 导航元素对象 图解>> mainCell 1.0 ".bd" 切换元素的包裹层对象 图解>> autoPage 1.0 false 系统自动分页,需结合titCell使用,若为true,则titCell为导航元素的
TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择! ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。 TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于: 1、To
TouchSlide可以说是SuperSlide手机简化版,不同的地方在于: 1.TouchSlide是纯JavaScript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同。 调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,Sup
TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于: 1、TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同。 调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,Supe
最近在做一个APP商城的项目,采用的是混合型的开发,其中需要用到滑动切换图组的功能。目前前端开源图组切换库也有好多,试了好几个觉得touchslide比较合适,小而精巧。 在使用中也算是顺利,只是在一些不支持canvas的浏览器中,图组切换的那几个导航点不大喜欢,在支持canvas的浏览器中它是圆点,在不支持canvas的浏览器中它是带圆角的矩形点,于是我在源码中关闭了他的canvas的支持,然后
TouchSlide滚动切换效果时 nextCell设定自己的class名后无效,需要用".next"或不设置 转载于:https://www.cnblogs.com/lichuntian/p/4820053.html
查看原文 查看在线演示Demo和更多原文内容教程: http://www.ibloger.net/article/1220.html SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决! 从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲
TouchSlide 是纯javascript打造的触屏滑动特效插件 http://pan.baidu.com/s/1bpoWNin 官网:http://www.superslide2.com/TouchSlide/ 转载于:https://www.cnblogs.com/xqschool/p/6230458.html
TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于: 1、TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同。 调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,Supe
http://www.superslide2.com/TouchSlide/howToUse.html 在渠道工作系统的主页中使用了,并且(1/2/3/4)有不同的样式,具体可以参考官网案例。
TouchSlide(PC端插件http://www.superslide2.com/demo.html#effect1) 可用于javascript触屏滑动特效插件,移动端滑动特效,触屏焦点图,触屏Tab切换,触屏多图切换等 方法引用(本次用轮播图为例): Js引入: <script src="js/TouchSlide.1.1.js"></script> CSS样式: body, p, inp
最近用到的几个比较好用的js的插件,一个是供延迟加载的lazyLoad.js,另外一个是提供滚动播放效果的TouchSlide.js 附上用法传送门: lazyLoad(只加载视野范围内的图片):http://www.cnblogs.com/ahjesus/archive/2010/10/09/1998642.html TouchSlide(手机版本,不依赖其他的js库):http://www.s
今天看到TouchSlide插件,觉得非常不错,关于使用情况请看demo,下载地址:http://www.superslide2.com/TouchSlide/downLoad.html 转载于:https://www.cnblogs.com/yxlblogs/p/4146460.html
官方连接:http://www.superslide2.com/TouchSlide/ TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端, 能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 插件开源、体积小、简单实用、功能强大,是你架构移动终端网站的重要选择! ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用。
这段代码实现类似水果忍者应用中,用户手指在屏幕上划动时出现划痕轨迹的效果,有兴趣的朋友可以研究一下。 [Code4App.com]
本文向大家介绍JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动),包括了JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)的使用技巧和注意事项,需要的朋友参考一下 1、本文使用js+jQuery实现轮播图,需要引用jquery包,另种实现分别是animate实现自适应的轮播,以及transform平滑轮播(在注释代码中)。 2、代码中的图片大家自己更换就可以了,样式和逻辑均写在js里。 3
本文向大家介绍android viewpager实现竖屏滑动效果,包括了android viewpager实现竖屏滑动效果的使用技巧和注意事项,需要的朋友参考一下 Viewpager 横向滑动效果系统就自带了很多种,比如这个 效果 那如果做成竖屏的这种效果呢 。我百度过很多,效果都不是很好,有的代码特别多而且存在很多问题。我结合了以前别人的代码现在来教大家个简单的实现过程。 首先自定义Viewpa
所属类别 特效(Effects) 用法 描述:把元素滑动出视区。slide 参数 类型 描述 默认值 direction String 特效的方向。可能的值:"left"、"right"、"up"、"down"。 "both" distance Number 特效的距离。默认为元素的高度(height)还是宽度(width)取决于 direction 参数。可以设置为小于元素的宽度(width)/
滑动,就是一个点移动另一个点。 用法: def swipe(self, start_x, start_y, end_x, end_y, duration=None): """Swipe from one point to another point, for an optional duration. :Args: - start_x - x-coordinate at
实现效果 页面中的文章有几张配图,随着页面上下滚动,图片位置划过图片一半时,图片从两侧滑入;图片位置离开可见区域时,图片向两侧滑出。 (图片太大,可点击外链查看,或查看在线效果。) 下图中蓝色方框位置即是图片所占位置,初始文档中已经写好了内容及样式,需要完成控制图片显示部分的代码来实现图片滑动的效果。 知识点 涉及控制图片的 CSS 属性: translateX 来控制左右移动 scale 来控制