原生js轮播图炸裂切换效果

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

 25649  314  查看评论 (17)
分享到微信朋友圈
X
原生js轮播图炸裂切换效果 ie兼容10
原生js轮播图炸裂切换效果使用教程

此插件为js原生插件,不需要引入任何js文件,主意此处图片路径

var imgArr = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];

box 为图片容器,请根据图片大小设置宽高;

boom(x方向个数,Y方向个数),X,Y方向个数设置为容器宽高能除尽的数字,否则影响图片显示

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

jQuery大图切换带文字动态效果

前人种树后人乘凉,在原基础上修改样式,感觉这样之后比较常用
  幻灯片和轮播图
 34674  414

淘宝的推荐好物滑动切换展示效果

淘宝推荐好物切换展示应用,淘宝极有家切换效果
  幻灯片和轮播图
 27773  375

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 63111  378

点击左右箭头滚动

点击滚动JQ插件,可自动滚动,可配置滚动速度,滚动个数等参数
  幻灯片和轮播图
 48194  386

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

    人来人往 0
    2019/11/10 13:44:21
    请问box变量是怎么来的,都没看到获取?
        路尔轩0
        2019/11/11 14:43:36
        原生JS中可以不用使用getElementById(),直接使用ID名称来获取元素,不过不建议使用,我写时候没有注意就直接用了,我有空会更新这个插件
    回复
    ywbv587 0
    2019/6/29 14:31:07
    很炫酷,可惜没币买
        路尔轩0
        2019/7/2 10:27:49
        谢谢你的肯定,可是我不知道怎么发给你
    回复
    MEI 0
    2019/6/25 9:49:31
    好看 可是我没有JQ币
        路尔轩0
        2019/6/27 17:10:11
        发布插件可以获取JQ币呦
        路尔轩0
        2019/6/27 17:10:59
        谢谢你的肯定,一起学习吧
    回复
    命。 0
    2019/6/9 16:23:42
    效果挺好看
        路尔轩0
        2019/6/10 15:33:03
        谢谢
    回复
    forever丶always 0
    2019/6/4 17:32:57
    幻世・刃 0
    2019/5/28 8:46:23
    陪伴是最长情的告白 0
    2019/5/23 9:14:34
    学习了!!!!!!!!!!!!
        lobve0
        2019/5/27 15:04:24
        我也想下载
        路尔轩0
        2019/5/29 9:07:00
        是没有jq币了吗?
        @0
        2019/6/20 12:49:59
        插件怎么用啊。。小白
        路尔轩0
        2019/6/22 11:01:07
        直接下载就可以用了,这个是用原生js写的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复