jQuery手机响应式设计焦点图

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

 44484  405  查看评论 (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全屏滑块
  幻灯片和轮播图
 33846  455

jQuery自适应全屏banner滚动效果

实用的jQuery自适应全屏滚动banner,兼容效果好
  幻灯片和轮播图
 58856  401

5种jQuery超酷3d幻灯片效果

flux.js是一款能做出3D效果的jQuery幻灯片插件。这款jQuery幻灯片插件共有5种效果:爆炸效果、3D翻转效果、3D旋转效果、立方体效果和翻页效果。需要注意的是flux需要浏览器支持CSS3 transitions才能正常工作。
  幻灯片和轮播图
 35675  453

满屏轮播图片

箭头动画风车式过渡的满屏焦点图
  幻灯片和轮播图
 43089  476

讨论这个项目(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币啊 

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