jQuery手机响应式设计焦点图

所属分类:媒体-幻灯片和轮播图

 37023  368  查看评论 (14)
分享到微信朋友圈
X
jQuery手机响应式设计焦点图 ie兼容6

jQuery手机响应式设计焦点图,支持自动播放,根据屏幕大小动态放缩焦点图。兼容主流浏览器


使用方法:

1、head区域引用文件 jquery.min.js,public.css

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、在页面底部引用slide.js, responsiveslides.min.js

4、复制images文件夹里的图片到相应的路径

5、注意焦点图是有命名空间的,在slide.js里修改namespace参数后,要修改对应的div的class和lrtk.css里的代码

6、更多调整参数,请参考responsiveslides.com


相关插件-幻灯片和轮播图

jQuery缩略图左右滑动幻灯片

一款jQuery缩略图左右滑动幻灯片
  幻灯片和轮播图
 30583  393

原声 JS + Jquery + 面向对象轮播图

几个效果的轮播图,最后组成个组件效果,可供学习
  幻灯片和轮播图
 38754  359

仿酷狗轮播图超炫酷效果

将轮播图进行简易的封装能够很好的复用以及修改
  幻灯片和轮播图
 30317  303

jQuery仿百度新闻首页焦点图

jQuery仿百度新闻首页焦点图
  幻灯片和轮播图
 39297  359

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Robert Downey Jr. 0
    2018/7/31 10:24:59
    怎么改成鼠标放上去停止轮播
    回复
    邹小强-海易集团 0
    2017/12/19 11:03:12

    怎么加底部page???

    回复
    O_o笨?_? 0
    2017/3/22 13:02:12
    看起来还不错,没有分。。 回复
    LEESHUNHAO 0
    2016/7/22 11:07:44
    看起来还不错,没有分。。 回复
    Adey 0
    2016/4/18 15:04:41
    看起来还不错,没有分 回复
    利杰 0
    2016/3/24 11:03:54
    看起来还不错,没有分。。。 回复
    512765140 0
    2016/3/23 15:03:10
    Steven朱 0
    2016/1/12 22:01:43
    没人懂i 0
    2015/12/19 9:12:24

    不错 太给力  完美解决的我的问题

    回复
    长颈鹿的天__是晴朗的天 0
    2015/12/3 18:12:34

    怎么获得JQ币啊 

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复