原生js向上滚动消息框

所属分类:UI-滚动

 31156  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鼠标滚屏锚点定位

利用mousewheel库实现滚屏事件,同时支持侧边栏控制
  滚动
 33420  393

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

jQuery页面过度效果大集合
  滚动
 77195  1348

仿股市表格实时轮播

这是一款简单的不需要任何外部插件的轮播效果图
  滚动
 39045  406

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

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

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

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