添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

手机手指触屏滑动切换图片焦点图

时间:2014-03-20      来源:互联网     
特效说明:
一款手机手指触屏滑动切换图片焦点图网页特效,移动产品大多带有触屏功能,使用PC端焦点图特效一般都是点击按钮或者鼠标滑过按钮实现图片轮播,该款特效在PC端支持点击切换,在触屏设备上支持手势(手指)滑动图片切换图片。(兼容测试:宽度大于320px手机、移动设备等浏览器)
使用方法:
1、调用CSS样式:
<link href="css/style.css" rel="stylesheet" type="text/css">

2、调用JS插件代码:
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/imgScroll.js"></script>

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

实例化代码:
<script>
var test=new mobileImgScroll();
test.init();
var test1=new mobileImgScroll();
test1.init({
    Touch:"#J-Touch1",
    TouchIco:"#J-Touch-ico1",
    Width:320,
    Current:"on",
    isAuto:true,
    offSet:3000
});
</script>
相关特效
  • jQuery移动端触屏滑动日期控件

    jQuery移动端触屏滑动日期控件

    一款jQuery移动端触屏滑动日期控件免费下载,可以通过触屏滑动选择日期时间,也可以鼠标滚动滚轮选择日期时间,也可以一键定位当前日期时间。移动端网站建设必备插件。……
    2016-06-12
  • HTML5触屏滑动侧边栏导航菜单特效

    HTML5触屏滑动侧边栏导航菜单特效

    一款HTML5触屏滑动侧边栏导航菜单特效下载,该Bootstrap导航菜单特效是一款基于jquery+html5实现的兼容手机和PC端动画导航菜单插件,响应式网站建设必备代码素材。……
    2016-05-22
  • jQuery可键盘控制/触屏滑动响应式框架

    jQuery可键盘控制/触屏滑动响应式框架

    一款jQuery可键盘控制/触屏滑动响应式框架下载,该响应式框架源码是一款类似PPT的演讲稿幻灯片插件,它可以通过键盘上下左右方向键来控制,并且左上角带有菜单按钮,通过菜单项可以选择……
    2016-05-22
  • jQuery移动端、手机端触摸屏滑动插件代码

    jQuery移动端、手机端触摸屏滑动插件代码

    一款jQuery移动端、手机端触摸屏滑动插件代码,该插件支持左右滑动、垂直滑动、循环滑动方式、支持点击左右按钮切换JS代码。……
    2015-03-09
  • 手机移动端响应式全屏左右可拖拽焦点图幻灯片

    手机移动端响应式全屏左右可拖拽焦点图幻灯片

    一款手机移动端响应式全屏左右可拖拽焦点图幻灯片网页特效,动态加载对应的文字内容 当然,它也是支持鼠标拖拽功能,带左右按钮,自动轮播及左右拖拽或点击按钮切换焦点图JS代……
    2015-02-16
  • Promptumenu仿智能手机触屏滑动效果

    Promptumenu仿智能手机触屏滑动效果

    Promptumenu仿智能手机触屏滑动效果,支持垂直方向滚动和水平方向滚动,对移动设备兼容良好,可自由设置滚动区域的高度和宽度,区域内容能自适应显示。……
    2015-01-20
  • jQuery手机触屏左右滑动切换焦点图特效代码

    jQuery手机触屏左右滑动切换焦点图特效代码

    一款jQuery手机触屏左右滑动切换焦点图特效代码免费下载,该焦点图特效支持触屏滑动切换大图,做微信网站或手机方面的webapp网页必备素材代码,有需要的朋友参考下。……
    2015-01-15
  • jQuery手机移动端图片触屏滑动焦点图网页特效

    jQuery手机移动端图片触屏滑动焦点图网页特效

    jQuery手机移动端图片触屏滑动焦点图网页特效,该特效基于jquery.event.drag-1.5.min.js、 jquery.touchSlider.js和jquery-1.7.1.min.js等插件制作的图片轮播特效代码,兼容PC端和手机移动端,全屏宽屏……
    2015-01-08
  • jQuery+html5触屏手机移动端焦点图特效

    jQuery+html5触屏手机移动端焦点图特效

    一款jQuery+html5触屏手机移动端焦点图特效,可点击左右按钮平滑切换图片;可触屏或鼠标拖动左右平滑切换焦点图相册特效。移动端、手机触屏JS焦点图代码免费下载。……
    2014-12-21
  • 兼容PC端/手机移动端可左右滑动(拖动)焦点图

    兼容PC端/手机移动端可左右滑动(拖动)焦点图

    一款兼容PC端/手机移动端可左右滑动(拖动)焦点图网页特效,可自适应宽度、可用鼠标左右拖动切换图片、可在触屏移动设备上左右滑动切换图片;移动端、触屏设备web前端开发必备……
    2014-12-16


最新更新特效

设计分享

web前端视频教程