语法:<marquee>…</marquee>
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。
例:<marquee direction=left>欢迎光临梦泽科技网站!</marquee>
direction=left,表示方向。上面文字效果是“欢迎光临梦泽科技网站!”从右向左移动!另外,方向还有right,up,down。
除了方向,我们还可以添加其他限制的元素:
移动的方式:
循环移动:loop=n(n,表示次数) 绕圈移动:behavior=scroll 只走一次:behavior=slide 来回移动:behavior=alternate
外观:
字号:<font size=n>(n,变量) 对齐方式:align=top/middle/bottom 底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)
其它:
速度:scrollamount=n(n,变量) 延时:scrolldelay==n(n,变量)
<marquee direction="向什么方向移动" height="移动区域高度" width="移动区域宽度" scrollamount="移动速度" onmouseover=this.stop() onmouseout=this.start()>"
onmouseover 设置鼠标放在移动区域的时候暂停移动
onmouseout 鼠标离开的时候继续滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title></title>
<script type="text/javascript">
var RollAd=(function() {
var _extend=function(desitination,source) {
for (var m in source) {
desitination[m]=source[m]
}
return desitination
}
var constructor=function(
container, /*需要绑定的marquee容器,可以传id,也可以也直接传dom 元素*/
freq, /*滚动的时间,单位秒*/
delay, /*两次滚动的间隔时间,单位秒*/
style /*marquee元素的样式*/
) {
var self=this
var stoped=false
var rollTimeoutId=null
container=(typeof container=='string'?document.getElementById(container):container)
style=_extend({
width:'100%',
height:'15px'
},style || {})
for (var s in style) {
container.style.s=style[s]
}
var _roll=function() {
if (!stoped) {
rollTimeoutId=setTimeout(_stop,freq*1000)
} else {
rollTimeoutId=setTimeout(_start,delay*1000)
}
}
var _start=function() {
stoped=false
container.start()
_roll()
}
var _stop=function() {
stoped=true
container.stop()
_roll()
}
_roll()
}
return constructor
})()
/*示例代码*/
window.onload=function() {
new RollAd('rollAd',3,4)
}
</script>
</head>
<body>
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="15" id="rollAd">
dfdfasfdsa <br />
dfdfd<br />
dfdfdf<br />
dfdfdf<br />
</marquee>
</body>
</html>
1、先给一个例子,下面再做详细讲解我钟意网页树树--这个例子是从左向左滚动2、各参数详解:a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)3、根据需要设置对应的参数,就可以实现滚动啦,把想要滚动的div标签包含在marquee标签里面。