原生js向上滚动消息框

所属分类:UI-滚动

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

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

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

js美化div滚动条并兼容IE8

js美化div滚动条并兼容IE8
  滚动
 63452  521

仿mac风格滚动条

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

文字轮播无缝滚动

文字轮播无缝滚动
  滚动
 74173  568

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

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