網頁設計中如何設置滾動文本_Html網頁設計中如何設置滾動條使多行文字循環滾動

1、網頁設計中怎麼在頁面中設置一個滾動條

css屬性 overflow-y:auto; DIV裡面的內容超過DIV的高度，右邊就會自動出現滾動條

1、用一個div，定製成圖中的寬度和高度
2、然後再把div的樣式設成overflow-y:scroll，當div里的文字超出那個高度的時候，滾動條就出來了。
例如：<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>

2、網頁設計中怎樣讓滾動的文字在滑鼠移到它時停下

<SCRIPT language=JavaScript>

var marqueewidth=160

var marqueeheight=120

var speed=1

var marqueecontents=

ef="<div class=bbb ><center>公告</center> 公司網站正在更新之中，如果瀏覽出現問題，請與管理員聯系。謝謝！！"

if(document.all)

document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

function regenerate(){window.location.reload()

}function regenerate2(){if(document.layers){setTimeout("window.onresize=regenerate",450)

intializemarquee()

}}function intializemarquee(){document.cmarquee01.document.cmarquee02.document.write(marqueecontents)

document.cmarquee01.document.cmarquee02.document.close()

thelength=document.cmarquee01.document.cmarquee02.document.height

scrollit()

}function scrollit(){if(document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){document.cmarquee01.document.cmarquee02.top-=speed

setTimeout("scrollit()",100)

}else{document.cmarquee01.document.cmarquee02.top=marqueeheight

scrollit()

}}window.onload=regenerate2

</SCRIPT>

3、製作網頁時怎麼添加滾動的文本

使用<Marquee>…</Marquee>標簽來顯示一個滾動的選取框，
文本可以實現動態滾動的效果。
<Marquee>…</Marquee>有多個具體屬性來對滾動效果進行設置。
Align：文本和背景的對齊方式。如：align=left
Behavior：運動方式。如：behavior = scoll
bgcolor ：背景顏色。如bgcolor = 「#cccccc」。
direction：滾動方向。如direction = left。
height、hspace：背景的高度和在頁面所處的位置。如：height = 20
hspace = 50。
loop：循環次數。如loop = infinite，表示無限循環。
scrollamount：每次移動的距離。Scolldelay：移動速度。
如：scrollamount = 10 scolldelay = 50
vspace：背景在頁面上下的位置；width：背景的寬度。
如：vspace = 50 width = 500。
3）代碼示例：
<marquee align=left behavior = scoll bgcolor = "#bbbbbb"
direction = left height = 20 hspace = 50 loop = infinite
scrollamount = 10 scolldelay = 50 vspace = 50 width = 500 >
HELLO BOY！</marquee>

4、如何製作網頁滾動文字

4.3.1 設置文字滾動

HTML技術中使文字滾動的方法是使用雙標簽<marquee></marquee>。在HTML代碼中可使其作用區文字滾動，默認為從右到左，循環滾動。在D:web目錄下創建網頁文件，命名為mar.htm，編寫代碼如代碼4.15所示。

代碼4.15 文字滾動的設置：mar.htm

<html>
<head>

<title>文字滾動的設置</title>
</head>
<body>

<font size="5" color="#cc0000">

文字滾動示例（默認）：<marquee>做人要厚道</marquee>
</font>

</body>
</html>

圖4.15 設置文字滾動默認形式
從圖4.15可得，在未設置寬度時，<marquee></marquee>標簽是獨佔一行的。

4.3.2 設置文字滾動的方向

<marquee></marquee>標簽的direction屬性用於設置內容滾動方向，屬性值有left、right、up、down，分別代表向左、向右、向上、向下，例如以下代碼：

<marquee direction="left">做人要厚道</marquee>
<marquee
direction="right">做人要厚道</marquee>
<marquee
direction="up">做人要厚道</marquee>
<marquee
direction="down">做人要厚道</marquee>
4.3.3
設置文字滾動的速度和形式
設置文字滾動使用<marquee></marquee>標簽，其屬性說明如下。

— <marquee></marquee>標簽的scrollamount屬性用於設置內容滾動速度。
—
<marquee></marquee>標簽的behavior
屬性用於設置內容滾動方式，默認為scroll，即循環滾動，當其值為alternate時，內容將來回循環滾動。當其值為slide時，內容滾動一次即停止，不會循環。還有一個loop屬性可設置其滾動循環次數，默認為沒有限制。

— <marquee></marquee>標簽的scrolldelay屬性用於設置內容滾動的時間間隔。
—
<marquee></marquee>標簽的bgcolor屬性用於設置內容滾動背景色（類似於body的背景色設置）。
—
<marquee></marquee>標簽的width 屬性用於設置內容滾動背景寬度。
—
<marquee></marquee>標簽的height屬性用於設置內容滾動背景高度。

修改mar.htm網頁文件，編寫代碼如代碼4.16所示。

代碼4.16 文字滾動的設置：mar.htm

<html>
<head>
<title>文字滾動的設置</title>

</head>
<body>
<font size="3" color="#cc0000">

文字滾動示例（默認）：<marquee>做人要厚道</marquee>
文字滾動示例（向右）：<marquee
direction="right" scrolldelay="500">做人要厚道</marquee>

文字滾動示例（向下，滾動方式為slide，速度為10）：<marquee scrollamount="10"
behavior="slide">做人要厚道</marquee>

文字滾動示例（默認方向，滾動方式為alternate，循環3次，速度為2）：<marquee scrollamount="2"
behavior="alternate" loop="3">做人要厚道</marquee>

文字滾動示例（向上，背景色為#CCFF66，設置了背景寬度和高度）：<marquee direction="up"
bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee>

</font>
</body>
</html>

在瀏覽器地址欄輸入http://localhost/mar.htm，瀏覽效果如圖4.16所示。

圖4.16 文字滾動的不同形式

<marquee></marquee>的眾多屬性能非常方便地製作滾動文字，在後面的JavaScript學習中，讀者將繼續深化<marquee></marquee>標簽的動態行為學習。

5、怎樣在網頁設計中把所需的文字從左到右滾動

14

<marquee>

width="300px"

height="200px"

behavior="scroll"

direction="left"

scrollamount="50"

loop="10"

限制滾動文字的范圍

限制滾動文字的范圍

限制滾動文字的行為（alternate：來回、scroll：循環滾動、slide：只滾動一次）

滾動的方向（left、right、down、up）

設置文字滾動的速度

設置滾動的次數
看看有用嗎？

6、網頁設計，怎麼設置一段文字從下往上滾動

7、如何製作網頁中的滾動字條

如何製作網頁中會滾動的文字

首先讓我們認識這個<marquee>標簽，它是成對出現的標簽，首標簽<marquee>和尾標簽</marquee>之間的內容就是滾動內容。<marquee>標簽的屬性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它們都是可選的。

behavior屬性

behavior屬性的參數值為alternate、scroll、slide中的一個，分別表示文字來回滾動、單方向循環滾動、只滾動一次，需要注意的是：如果在<marquee>標簽中同時出現了direction和behavior屬性，那麼scroll和slide的滾動方向將依照direction屬性中參數的設置。如下所示：

<marquee behavior="alternate">我來回滾動</marquee>
我來回滾動

<marquee behavior="scroll">我單方向循環滾動</marquee>
我單方向循環滾動

<marquee behavior="scroll" direction="up" height="30">我改單方向向上循環滾動</marquee>
我改單方向向上循環滾動

<marquee behavior="slide">我只滾動一次</marquee>
我只滾動一次

<marquee behavior="slide" direction="up">我改向上只滾動一次了</marquee>
我改向上滾動一次了

bgcolor屬性

文字滾動范圍的背景顏色，參數值是16進制（形式：#AABBCC或#AA5566等）或預定義的顏色名字（如red、yellow、blue等）。如下所示：

<marquee behavior=="slide" direction="left" bgcolor="red">我的背景色是紅色的</marquee>
我的背景色是紅色的

direction屬性

文字滾動的方向，屬性的參數值有down、left、right、up共四個單一可選值，分別代表滾動方向向下、向左、向右、向上。如下所示：

<marquee direction="right">我向右滾動</marquee>
我向右滾動

<marquee direction="right">我向下滾動</marquee>

8、DW網頁設計中如何給整個網頁設置滾動條？

9、Html網頁設計中，如何設置滾動條，使多行文字循環滾動？

滾動條沒有這個功能的，你的寫一個腳本讓文本滾動到底後自動回到頂部或者在文本底部實時復制文本對象

導航:首頁 > 萬維百科 > 網頁設計中如何設置滾動文本

網頁設計中如何設置滾動文本

與網頁設計中如何設置滾動文本相關的知識