|
我想大家都看過各種各樣的滾動（最常用的就是用在新聞的更新上面），一般情況下只要不是圖片，都是用HTML本身就有提供一個很不錯的滾動標(biāo)記——marquee來完成的（用JS也可以同樣實現(xiàn)這種效果）；當(dāng)然并不是說圖片就不能那樣做。
以下為marquee的一些基本的參數(shù)：
該標(biāo)記語法格式如下：
<marquee
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height＝n
hspace＝n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop＝n>內(nèi)容</marquee>
下面解釋一下各參數(shù)的含義：
align：是設(shè)定活動字幕的位置，除了居左、居中、居右三種位置外，又增加靠上（top）和靠下（bottom）兩種位置。
Bgcolor：用于設(shè)定活動字幕的背景顏色，可以使用英文的單詞也可以是十六進制數(shù)的。
Direction：用于設(shè)定活動字幕的滾動方向是向左（left）、向右（right）、向上（up）、向下（down）。
Behavior：用于設(shè)定滾動的方式，主要由三種方式：
behavior="scroll"表示由一端滾動到另一端；
behavior="slide":表示由一端快速滑動到另一端，且不再重復(fù)；
behavior="alternate"表示在兩端之間來回滾動。
Height：用于設(shè)定滾動字幕的高度。
Width：則設(shè)定滾動字幕的寬度。
Hspace和vspace：分別用于設(shè)定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount：用于設(shè)定活動字幕的滾動距離。數(shù)值越小，滾動的速度就越快。
scrolldelay：用于設(shè)定滾動兩次之間的延遲時間，數(shù)值越小，間隔就越小。
Loop：用于設(shè)定滾動的次數(shù)，當(dāng)loop=-1表示一直滾動下去，直到頁面更新。其中默認情況是向左滾動無限次，字幕高度是文本高度；滾動范圍：水平滾動的寬度是當(dāng)前位置的寬度；垂直滾動的高度是當(dāng)前位置的高度。
現(xiàn)在要介紹的是一種新型的滾動，利用JS的方法來做字幕的滾動：向上，在中間停頓一到兩秒（就像經(jīng)典的這種）：
將以下代碼貼到您要顯示的位置就可以了。以上已經(jīng)將網(wǎng)站的這種滾動的做法做了一個大概的介紹。
具體效果可以看：運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
出處：藍色理想
責(zé)任編輯：藍色
◎進入論壇網(wǎng)絡(luò)編程版塊參加討論
|
