走马灯代码讲解

gstarwd

浏览: 1525801 次
性别:
来自: 杭州

最近访客更多访客>>

cl_andywin

sagadan

scj2cy

wangyy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

DIV+CSS

活动 UP HTML

<marquee>的用途比较广泛,在这里详细讲解一下.
主要参数设置:

align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。

Bgcolor：用于设定活动字幕的背景颜色，可以使用英文的单词也可以是十六进制数的。

Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。

Behavior：用于设定滚动的方式，主要由三种方式：

behavior="scroll"表示由一端滚动到另一端；默认为此项

behavior="slide":表示由一端快速滑动到另一端，且不再重复；

behavior="alternate"表示在两端之间来回滚动。

Height：用于设定滚动字幕的高度。

Width：则设定滚动字幕的宽度。

Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度.

Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。

scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。

Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。其中默认情况是向左滚动无限次，字幕高度是文本高度；滚动

范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

示例1:

看我走的好慢！

代码： <marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3>看我走的好慢！</marquee>

示例2:

看我走的好快！
代码： <marquee scrollamount=5 width=200 height=10 bgcolor=red scrolldelay=8>看我走的好快！</marquee>

示例3:

看我两边跑,疯了

代码： <marquee scrollamount=30 width=200 height=10 bgcolor=red behavior=alternate scrolldelay=2>看我两边跑,疯了</marquee>

示例4:

看我变了颜色！

代码： <marquee scrollamount=3 width=200 height=10 bgcolor=red>看我变了颜色！</marquee>

示例5:

我是向上走的，
我是向上走的，
我是向上走的，
我是向上走的，
我是向上走的，

代码： <marquee scrollamount=2 width=120 height=220 bgcolor=red Direction=up >我是向上走的， 我是向上走的， 我是向上走的， 我是向上走的， 我是向上走的， </marquee>

基本写法如下:

<html>
<head>
<title>
字幕标签
</title>
</head>
<body>
<marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3>看我走的好慢！</marquee>
</html>

把它保存为html格式自己调试一下里面的各个属性,看不同值会出现什么不同的效果.的要注意的是各项属性写在开始<marquee>里面,每一项属性用空白键隔开,align这一项一定要用在段落里面,否则不会起作用.

分享到：

SilverlightComponent for ExtJS | CSS在文章每段后添加带链接的隐藏文字

2009-12-11 12:34
浏览 2768
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论