原生js向上滚动消息框

所属分类:UI-滚动

 30467  329  查看评论 (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);
相关插件-滚动

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

向下滚动网页加载动画特效插件AOS
  滚动
 37775  435

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 35934  432

页面过度效果大集合(推荐!)

jQuery页面过度效果大集合
  滚动
 76577  1343

滚动条

可定制的滚动条,通过js+css实现
  滚动
 53645  335

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

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