javascript无缝滚动 程序员文章站 2022-04-19 13:13:09 ... 知识点现在这个标签不主张使用,因为不符合w3c标准(结构、样式、行为)功能性分离。 1.behavior滚动的方式 【alternate】:表示在两端之间来回滚动 【scroll】:表示由一端滚动到另一端,会重复 【slide】:表示由一端滚动到另一端,不会重复 2.direction滚动的方向 【down】、【up】、【left】、【right】 3.loop滚动的次数(当loop=-1表示一直滚动下棋,默认为-1) 4.scrollamount设定活动字幕的滚动速度 5.scrolldelay设定活动字幕滚动两次之间的延迟时间 用javascript实现 html 1.学会html5 绝对的屌丝逆袭(案例)2013-09-18 2.tab页面切换效果(案例)2013-10-09 3.圆角水晶按钮制作(案例)2013-10-21 4.HTML+CSS基础课程(系列)2013-11-01 5.分页页码制作(案例)2013-11-06 6.导航条菜单的制作(案例)2013-11-08 css /* 中间样式 */ #moocBox { height: 144px; width: 335px; margin-left: 25px; margin-top: 10px; overflow: hidden; /* 这个一定要加,超出的内容部分要隐藏,免得撑高中间部分 */ } javascript var area = document.getElementById('moocBox'); var con1 = document.getElementById('con1'); var speed = 50; area.scrollTop = 0; con1.innerHTML += con1.innerHTML; function scrollUp() { if (area.scrollTop >= con1.scrollHeight/2) { area.scrollTop = 0; } else { area.scrollTop++; } } var myScroll = setInterval("scrollUp()", speed); area.onmouseover = function () { clearInterval(myScroll); } area.onmouseout = function () { myScroll = setInterval("scrollUp()", speed); } 相关标签: javascript无缝滚动 上一篇: 用python处理一个1G左右的数据集,运行速度非常慢,怎样优化? 下一篇: js中的循环怎么使用? 推荐阅读 比较完整的android MP3 LRC歌词滚动高亮显示(附源码) JavaScript之深入函数(二) win10中ACDSee快速查看图片鼠标滚动翻页跳图该怎么办? CSS定位和滚动条 在notepad++中使用jslint检查javascript代码错误 premiere怎么制作往上滚动的歌词效果? 什么是超文本传输协议(java与javascript的区别) 使用javascript函数编写简单银行取钱存钱流程 js截取第一个字符串(javascript截取字符串的方法) JavaScript数组,JSON对象实现动态添加、修改、删除功能示例