jQuery文本上下无缝滚动插件

所属分类:UI-滚动

 8801  51  查看评论 (4)
分享到微信朋友圈
X
jQuery文本上下无缝滚动插件 ie兼容7

更新时间:2023-10-08 23:39:43

更新说明:修复了一个页面只能使用一次无缝滚动的问题


更新时间:2021-12-31 13:21:20

更新说明:优化了子元素可以不是ul标签了


更新时间:2021-12-30 01:07:11

更新说明:更改了调用的方法

$(".zyyw_msg").slidesDown({
    width:"500px", //默认宽度
    height:"194px",//默认高度
    loop:"true",//默认子级不超过父级仍然滚动,设置false则不滚动
    border:“1px solid lightgray”, //默认的边框颜色
    delay:"20"//定时器的时间, 单位ms   ,越小越快
});

更新时间:2021-12-29 00:40:20

1,html内容里需要设置 

<div class="zyyw_msg" attr-loop="true">...</div>

滚动的内容

<ul class="zyyw_msg_slide">
    <li>
        <span>
		............					
        </span>
    </li>
</ul>

attr-loop需要设置         

    - attr-loop="true"时,子级的内容高度小于父级仍然滚动;   

    - attr-loop="false"时,子级的内容高度小于父级不滚动; 

2,页面里调用的时候  

使用该方法 :

slide(".elp",".elc");

 3,样式里 父级需要设置position:relative还有宽高。子级需要设置position:absolute;

 4,我是嘴角,欢迎提出意见。谢谢!!!

相关插件-滚动

锚点,可以扩展很多功能

锚点定位,代码实现简单,无依赖其它插件
  滚动
 24111  343

HTML5单页面全屏滚动特效

全屏滚动代码简单,非常适合新手。
  滚动
 54676  474

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 38347  405

网站广播插件

网站发布消息的广播插件
  滚动
 40937  406

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

    南生 0
    2024/5/29 15:04:19
    哪个事件可以知道走完一圈呢?涉及到分页动态追加数据😥 回复
    海棠经雨 0
    2023/11/22 11:56:10
    这个可以销毁或者更新吗,就是每次获取列表的时候都调用一下的话,滚动会有问题 回复
    上弦月 0
    2022/7/25 17:32:00
    一个页面只能一个用,有2个DIV 不能同事滚动。
        嘴角0
        2023/9/16 10:55:49
        不好意思,才看到,已修复
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复