原生js向上滚动消息框

所属分类:UI-滚动

 31163  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);
相关插件-滚动

简洁的jQuery滚动条插件scrollBar.js

本插件会将容器中滚动条样式进行统一,通过修改css任意改变滚动条的宽度与颜色,实现自定义滚动条的目的。
  滚动
 64090  383

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 34358  335

CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果+返回顶部.
  滚动
 43864  391

jquery文字上下滚动

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

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

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