<b>HTML转动效果Marquee的基本语法</b>[网站美工]
本文“<b>HTML转动效果Marquee的基本语法</b>[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
基本语法
<marquee> … </marquee>
移动属性的设置 ,这种移动不但仅范围于文字,也可以利用于图片,表格等等
方向
<direction=#> #=left, right ,up ,down
<marquee direction=left>从右向左移!</marquee>
方法
<bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>往复走</marquee>[#seperator#]
循环
<loop=#> #=次数;若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方法(Align)
<align=#> #=top, middle, bottom
<font size=6><marquee align=# width=400>啦啦啦,我会移动耶!</marquee></font>
底色
<bgcolor=#> #=rrggbb 16 进制数码,大概是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>颜色!</marquee>
面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>
空白
(Margins)<hspace=# vspace=#> <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>
附:用JS打造一个无间隙转动的JS实例
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,10)
</script>
</div>
以上是“<b>HTML转动效果Marquee的基本语法</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |