jQuery文本上下无缝滚动插件

所属分类:UI-滚动

 8639  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,我是嘴角,欢迎提出意见。谢谢!!!

相关插件-滚动

jQuery滚轮控制轮播图上下切换(原创)

jQuery滚轮控制轮播图上下切换,简单实用
  滚动
 39755  341

jQuery滚动楼层效果

jQuery滚动楼层效果,通俗简单好上手,js中有详细步骤解析。
  滚动
 39201  417

jQuery.nicescroll美化滚动条

自定义scroll的样式,可配置
  滚动
 92728  505

jQuery全屏滚动插件,带箭头点击

一款功能齐全的全屏滚动插件,符合绝大部分开发人员的需求,没有滚动循环,无需做过多更改就能满足您的要求。
  滚动
 19149  217

讨论这个项目(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
        不好意思,才看到,已修复
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复