jQuery文本上下无缝滚动插件

所属分类:UI-滚动

 7507  50  查看评论 (3)
分享到微信朋友圈
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,我是嘴角,欢迎提出意见。谢谢!!!

相关插件-滚动

常用的根据高度自动切换效果

常用的根据高度自动切换效果 简单 下载下来之后可以直接是用 兼容性好 不存在兼容问题
  滚动
 27463  344

jQuery无缝滚动信息牌滚动(原创)

无缝滚动,可以向上滚动和向左滚动,可以使用固定格式滚动,也可以是无固定格式滚动,文字图片都可以实现滚动
  滚动
 39758  373

视觉滚动差效果

纯css3写的滚动视差效果
  滚动
 30970  357

jQuery自定义滚动条插件

支持IE9及以上,360,谷歌,火狐的自定义滚动条,可以设置滚动条的初始位置以及滚动条的颜色等
  滚动
 25288  315

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

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