简易的jQuery无缝滚动(原创)

所属分类:媒体-图片展示

 36625  441  查看评论 (15)
分享到微信朋友圈
X
简易的jQuery无缝滚动(原创) ie兼容9

更新时间:2018年1月16日 16:31:24

更新说明:发现我展示的图片被官方改了!可能是展示图片带有文字!但是却是一样的size的额,体现不出我说的(不用设宽度!)

还是用官方的图片,处理了第二个展示的图片宽度size(弄成不一样的)!


发布时间:2018-1-16 11:09

对象1  

var box0 = $(".one"),v0 = 1.5; Rin(box0,v0); //这里添加滚动的对象和其速率

对象2

var box1 = $(".two"),v1 = 1; Rin(box1,v1);

在css里添加  

div>ul>li>span

再设定自己想要的 li 的高度 和 img的高度就好!

对了,我在这里有做一个判断     

if (s >= $Box.width()) {
    // 如果滚动长度超出Box宽度即开始滚动,没有的话就不执行滚动
}

这样就单纯是不滚动的展示

相关插件-图片展示

JQUERY全屏撕裂幻灯片-FULLSCREEN-SLIT-SLIDER

fullscreen-slit-slider由 jQuery 和 css3 打造而成。为我们提供了一个全屏的撕裂效果的幻灯片,接下来我就为大家讲解以下相关的用法。
  图片展示
 43748  421

gifplayer暂停或播放GIF图片

gifplayer暂停或播放GIF图片
  图片展示
 32943  322

立体图片展示

图片随鼠标转向
  图片展示
 34305  482

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 36760  434

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

    Smile_wind 0
    2019/9/3 9:24:27
    重新赋值滚动的html,即时宽度没有设定的宽度大,依旧滚动 回复
    When 时过 。 0
    2018/10/31 11:00:06
    小码哥 0
    2018/9/27 16:26:53
    火狐也不行,IE可以
        技兴汇手机维修视频教程网0
        2019/3/20 14:07:24
        真的不行吗?
    回复
    小码哥 0
    2018/9/27 16:24:28
    谷歌浏览器不兼容 回复
    ? Emotiona°?? 0
    2018/9/6 17:33:49
    求分享啊楼主1227518406@qq.com 回复
    0
    2018/6/21 16:09:46
    为什么我下载下来后就一直闪。。。我的JQ币啊。。。。
        0
        2018/6/24 14:10:09
        不知道你用的是什么浏览器,把中间刷新页面那段代码去掉看看
    回复
    霖磐 0
    2018/5/10 16:52:06
    正需要这个,求分享,731014288@qq.com,谢谢了。 回复
    stefan-雷吉兴(前端) 0
    2018/4/12 9:57:58
    求分享。245725316@qq.com 回复
    clearlove8 0
    2018/2/8 20:57:27
    作者菌东西很棒哦,代码很简洁<神啊!请赐给大师兄一个女盆友吧!> 回复
    目送不回头的青春 0
    2018/1/22 10:45:08

    楼主这个自己下载试过吗,直接下完打开后一直在蹦?

        0
        2018/1/22 11:04:10

        不知道你用的是什么浏览器,把中间刷新页面那段代码去掉看看

        西瓜0
        2018/1/22 13:08:41

        我这里测试是好的。

        爱长裙小姐姐0
        2019/6/25 16:08:08
        我这边还是可以的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复