用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标签里面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

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>

dfdfasfdsa <br />

dfdfd<br />

dfdfdf<br />

</marquee>

</body>

</html>

<公告栏>

<html>

<head><title>哇我是公告栏里的HTML语言</title></head>

<body>

<p>小弟我学历浅薄，没有办法。</p>

</body>

</html>

</公告栏>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7310592.html

用html标签怎么设计公告栏板块

发表评论

评论列表（0条）