您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

javascript无缝滚动

2025/4/17 11:41:27发布12次查看
知识点
现在这个标签不主张使用,因为不符合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); }
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product