45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

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

电脑软硬件应用网 45IT.COM 时间:2010-04-12 09:08 作者:芒果

说了这么多年的 Web 标准,似乎类似 marquee 这种非常规的标签,已经逐渐淡出视线,不过芒果刚刚在项目中用了这个蹩脚的标签,我觉得这是合理的善用,没必要顾忌太多的标准问题。


标准并不是一项技术,标准只是一种规范与提议。


既然如此,我们尚且撇开 Web 标准不谈,着眼于应用,无需 JavaScript 的掺和,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 独立出来。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识