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

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

时间:2014-12-16      来源:互联网     
特效说明:
一款兼容PC端/手机移动端可左右滑动(拖动)焦点图网页特效,可自适应宽度、可用鼠标左右拖动切换图片、可在触屏移动设备上左右滑动切换图片;移动端、触屏设备web前端开发必备JS焦点图代码。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)
使用方法:
1、调用CSS样式:
<link href="css/sytyle.css" rel="stylesheet">

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

3、添加HTML代码:
<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • 手机移动端响应式全屏左右可拖拽焦点图幻灯片

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

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

    jQuery手机响应式设计焦点图

    一款jQuery手机响应式设计焦点图网页特效代码,自适应宽屏焦点图,支持左右按钮点击切换,支持添加文字标题。更多焦点图代码请访问科e互联JS代码频道。……
    2014-07-10
  • 带触摸移动端焦点图轮播代码特效

    带触摸移动端焦点图轮播代码特效

    一款带触摸移动端焦点图轮播代码网页特效,PC端自动轮播焦点图、移动端、手机端触摸滑动切换焦点图代码素材。手机端网站制作特效代码。……
    2014-05-23
  • jQuery自适应屏幕宽度手机焦点图

    jQuery自适应屏幕宽度手机焦点图

    一款jQuery自适应屏幕宽度(分辨率)手机焦点图,只适应各种手机屏幕分辨绿焦点图切换网页特效。透明渐变切换,应用简单。支持屏幕旋转自适应焦点图、幻灯片特效。……
    2014-04-25
  • 手机手指触屏滑动切换图片焦点图

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

    一款手机手指触屏滑动切换图片焦点图网页特效,移动产品大多带有触屏功能,使用PC端焦点图特效一般都是点击按钮或者鼠标滑过按钮实现图片轮播,该款特效在PC端支持点击切换,在……
    2014-03-20
  • 手机屏幕自适应渐变切换焦点图

    手机屏幕自适应渐变切换焦点图

    一款带点击按钮手机屏幕自适应渐变切换焦点图网页特效,自适应所有分辨率手机、支持屏幕旋转自适应焦点图、幻灯片特效。……
    2014-03-18

最新更新特效

设计分享