http://www.92dn.cn/- 滔博网络-就爱电脑

搜索: 您现在的位置: 滔博网络-就爱电脑 >> 网页制作 >> HTML教程 >> 正文

HTML教程:marquee标签实现滚动效果

www.92dn.cn  作者:未知    文章来源:滔博搜集    点击数:    更新时间:2010-4-22
内容简介:既然如此,我们尚且撇开 Web 标准不谈,着眼于应用,无需 JavaScript 的掺和,marquee 标签对滚动效果的实现方便简练。

撇开 Web 标准不谈,着眼于应用,无需 JavaScript 的掺和,marquee 标签对滚动效果的实现方便简练。

代码示例:

<marquee>这是一个滚动示例</marquee>

属性参数:
direction
表示滚动的方向,值可以是 left,right,up,down,默认为 left
behavior
表示滚动的方式,值可以是 scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop
表示循环的次数,值是正整数,默认为无限循环
scrollamount
表示运动速度,值是正整数,默认为 6
scrolldelay
表示停顿时间,值是正整数,默认为 0,单位是毫秒
valign
表示元素的垂直对齐方式,值可以是 top,middle,bottom,默认为 middle
align
表示元素的水平对齐方式,值可以是 left,center,right,默认为 left
bgcolor
表示运动区域的背景色,值是 16 进制的 RGB 颜色,默认为白色
height、width
表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认 width=100%,height为标签内元素的高度
hspace、vspace
表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素
onmouseover=this.stop() onmouseout=this.start()
表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动

出于用户体验的考虑,当鼠标移入暂停滚动的效果可以使用 JavaScript 独立出来。

Tags:HTML,HTML教程,marquee  
责任编辑:qqschool
  • 上一篇文章:
  • 下一篇文章: 没有了
  • 请文明参与讨论,禁止漫骂攻击。 昵称:(游客即可参与评论)
    [ 查看全部 ] 网友评论