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

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

 2992  37  查看评论 (4)
简易的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画廊-least.js

jQuery画廊-least.js 类似于google图片搜索结果中的展示效果,least.js 随机和响应的JQUERY,HTML 5和CSS3画廊
  图片展示
 13301  34

jQuery圆形转动切换文字

jQuery实现头像和文字的切换,并且伴随着圆环的转动,很有趣的效果
  图片展示
 5797  98

鼠标划过图片放大效果

一般用于展示类,鼠标滑过,图片放大,焦点图
  图片展示
 18007  152

纯js图片旋转

JavaScript图片特效
  图片展示
 13352  103

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

    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

        我这里测试是好的。

    回复
取消回复