最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
三款文字不间断滚动代码
时间:2010-09-30 编辑:简简单单 来源:一聚教程网
支持左右滚动代码
direction 参数可设置:up down left right (控制滚动方向)
scrolldelay = 100 (100就是速度,值越大滚动越快……)
onmouseout=this.start() ........鼠标移出状态滚动
onmouseover=this.stop() .........鼠标经过时停止滚动
基本语法
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
方式
循环
速度 延时 外观(layout)设置 对齐方式(align) 底色 black, olive, teal, red, blue, maroon, navy, gray, lime, fuchsia, white, green, purple, silver, yellow, aqua 面积 空白 (margins) 看了这个应该会很明白了吧! 我在页面上加了个图片滚动再加个文字的就冲突了,咪有办法只有再找啊找,终于找到这个,lz写的很好就收藏了,再把出处贴下来 http://sls18.banzhu.net/article/sls18-11-1045718.html 下面再贴几个比较常见的滚动效果 网页图片文字不间断滚动代码 网页图片文字不间断滚动代码(向上,向下,向左,向右) -----------------------上下滚动主要部分-------------------------
-----------------------向上滚动-------------------------------
var speed=30
demo2.innerhtml=demo1.innerhtml
function marquee(){
if(demo2.offsettop-demo.scrolltop<=0)
demo.scrolltop-=demo1.offsetheight
else{
demo.scrolltop++
}
}
var mymar=setinterval(marquee,speed)
demo.onmouseover=function() {clearinterval(mymar)}
demo.onmouseout=function() {mymar=setinterval(marquee,speed)}
-----------------------向下滚动-------------------------------
var speed=30
demo2.innerhtml=demo1.innerhtml
demo.scrolltop=demo.scrollheight
function marquee(){
if(demo1.offsettop-demo.scrolltop>=0)
demo.scrolltop+=demo2.offsetheight
else{
demo.scrolltop--
}
}
var mymar=setinterval(marquee,speed)
demo.onmouseover=function() {clearinterval(mymar)}
demo.onmouseout=function() {mymar=setinterval(marquee,speed)}
-----------------------左右滚动主要部分--------------------------
|
-----------------------向左滚动-------------------------------
var speed=30
demo2.innerhtml=demo1.innerhtml
function marquee(){
if(demo2.offsetwidth-demo.scrollleft<=0)
demo.scrollleft-=demo1.offsetwidth
else{
demo.scrollleft++
}
}
var mymar=setinterval(marquee,speed)
demo.onmouseover=function() {clearinterval(mymar)}
demo.onmouseout=function() {mymar=setinterval(marquee,speed)}
-----------------------向右滚动-------------------------------
var speed=30
demo2.innerhtml=demo1.innerhtml
demo.scrollleft=demo.scrollwidth
function marquee(){
if(demo.scrollleft<=0)
demo.scrollleft+=demo2.offsetwidth
else{
demo.scrollleft--
}
}
var mymar=setinterval(marquee,speed)
demo.onmouseover=function() {clearinterval(mymar)}
demo.onmouseout=function() {mymar=setinterval(marquee,speed)}
滚动代码三
相关文章
- 三款文字向上滚动代码 09-26
- 文字无缝滚动(向上滚动特效) 09-18
- 文字向上滚动效果代码(兼容ie6,ie7,ie8,ff) 08-12
- 兼容ie6,ie7,firfox的文字不间断向上滚动特效代码 08-15
- 文字滚动代码 11-22
- 文字无间短滚动代码 08-13