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

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

 6460  57  查看评论 (6)
简易的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宽度即开始滚动,没有的话就不执行滚动
}

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

相关插件-图片展示

Apple TV的海报视差效果

CSS和jQuery重现这种现象
  图片展示
 11103  99

仿微信朋友圈图片展示效果

仿微信朋友圈图片展示效果
  图片展示
 29855  157

纯css3放大镜

通过css3样式实现放大镜的效果
  图片展示
 14595  95

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

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

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币

    霖磐 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

        我这里测试是好的。

    回复
取消回复