原生js向上滚动消息框

所属分类:UI-滚动

 31164  330  查看评论 (1)
分享到微信朋友圈
X
原生js向上滚动消息框 ie兼容9

此插件使用非常简单

只需要引用2个文件,大小只有1k

<link rel="stylesheet" type="text/css" href="scroll.css"/>
<script src="scroll.js" type="text/javascript" charset="utf-8"></script>

!--这里是dom结构-->

<ul id="demo">
    <li>我是第一个出现的</li>
    <li>我是第二个出现的</li>
    <li>我是第三个出现的</li>
    <li>我是第四个出现的</li>
    <li>我要开始循环了(第五个)</li>
</ul>

这是启动方式

/*
* demo 父容器(ul)的id
* -36px 子元素li的高度
* 3000  滚动间隔时间
* 每次滚动持续时间可到css文件中修改
*/
myScroll.upScroll("demo","-36px",3000);
相关插件-滚动

双向垂直上下滚动

垂直滚动插件,可切换向上或向下方向滚动。
  滚动
 48665  375

仿mac风格滚动条

经典仿mac风格滚动条
  滚动
 44189  401

jquery文字上下滚动

jquery文字上下滚动插件jqScroll.js调用简单,代码注释很清楚。
  滚动
 58918  515

zepto移动端全屏滚动

移动端整屏滚动效果
  滚动
 33787  300

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

    只为一人? 0
    2019/4/2 23:43:40
    缺少鼠标悬停事件 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复