jQuery文本上下无缝滚动插件

所属分类:UI-滚动

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

更新时间: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,我是嘴角,欢迎提出意见。谢谢!!!

相关插件-滚动

苹果applewatch界面

苹果applewatch界面
  滚动
 25529  330

向下滚动加载动画特效插件AOS

向下滚动网页加载动画特效插件AOS
  滚动
 34045  426

文字轮播无缝滚动

文字轮播无缝滚动
  滚动
 68470  556

视觉滚动差效果

纯css3写的滚动视差效果
  滚动
 29106  345

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

    上弦月 0
    2022/7/25 17:32:00
    一个页面只能一个用,有2个DIV 不能同事滚动。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复