導航:首頁 > 萬維百科 > 怎樣在網頁上設計滾動字幕

怎樣在網頁上設計滾動字幕

發布時間:2021-02-13 05:50:04

1、網頁滾動字幕是怎樣做的

<blockquote><marquee direction="up" scrollamount="1" height="260" onmouseover='this.stop()' onmouseout='this.start()' width="447">
<p class="STYLE8">後面加文字內容
這是我做網頁中的一段代碼,給你借鑒一下,其中的height="260"是我的文字的專幅高屬width="447"是文字幅寬,這個你不用一樣,<p class="STYLE8">這是我做的一個文字的CSS樣式,你也不用一樣,其中的onmouse這是指滑鼠在文字上面字幕停止,滑鼠離開後,字幕繼續滾動的代碼,主要對滑鼠的
你試下

2、怎樣在網頁中製作縱向滾動字幕

什麼工具編輯網頁的?
dw?
還是office?主要就是你設置一下
超鏈接
(把標記,您只須在「設計」視圖中編輯網頁。
但是,如果您想熟悉
HTML
或直接

3、網頁製作中滾動字幕怎麼整?

可以用javascript實現 也可以用<marquee>滾動字幕內容</marquee> <marquee>標簽還有很多屬性 <marquee direction="up" id="mar" width="100%" height="220" onMouseOut="mar.start()" onMouseOver="mar.stop()" scrollAmount="1" scrollDelay="50" border="0" class="text"> <marquee> 比如這段代碼 就是個上下滾動的字母 而且有滑鼠懸停效果 javascript 網上有很多代碼 你可以自己去找

4、怎麼製作網頁滾動字幕

<style>
marquee{
width:500px;
height:100px;
background:gray;
color:red;
}
</style>
<marquee direction="up" scrollamount="1">
滾動文字direction="up"向上滾,down向下滾,left向左,right向右;scrollamount="1"滾動速度。
width設置寬,height高,background背景顏色,color文字顏色
</marquee>

5、在網頁中如何設置滾動字幕

工具/原料

Dreamweaver
屬性釋義

滾動文字在HTML里的標簽為marquee--無間斷滾動,使用代碼為<marquee>滾動文字<marquee/>。

END
屬性值

direction:指文字滾動的方向,值為left--從左到右、right--從右到左、up--從上到下、down--從下到上。系統默認為right。

behavior :指文字滾動的方式,值為scroll--連續滾動、slide--滾動一次、alternate--來回滾動。系統默認為scroll。

scrollAmount:指文字滾動的速度,值為正整數,數值越大則滾動越快。系統默認為6,一般設置為1-3。

END
實操

打開HTM文件,輸入代碼<marquee>這里是滾動文字!<marquee/>。

設置它又到左、來回滾動、速度為3、背景色為粉色。

3
預覽效果如下,速度為3稍微有點快,還是2比較合適。

6、網頁中的滾動字幕怎麼做?

網頁的滾動字幕是用<marquee></marquee> 這一對標識確定的(還有JS方法等,鑒於太羅嗦,不做介紹了。如果要做上下滾動,可以用FLASH來做)。

各種滾動效果的源碼如下:(可以直接拷貝到網頁源碼<body></body>中使用)

1.字幕至邊框停住
<marquee behavior="slide" direction="left" scrollamount="9" scrolldelay="75">移動字幕自右至左停住的效果</marquee>
<marquee behavior="slide" direction="right" scrollamount="9" scrolldelay="75">移動字幕自左至右停住的效果</marquee>

2.字幕至邊框移出循環
<marquee scrollamount="9" scrolldelay="75">移動字幕自右至左出屏循環的效果</marquee>
<marquee direction="right" scrollamount="9" scrolldelay="75">移動字幕自左至右出屏循環的效果</marquee>

3.字幕至邊框往復循環
<marquee scrollamount="9" scrolldelay="75" behavior="alternate">移動字幕自右至左往復的效果</marquee>
<marquee direction="right" scrollamount="9" scrolldelay="75" behavior="alternate">移動字幕自左至右往復的效果</marquee>

【名詞解釋】

marquee|聲明使用移動文字的效果
scrollamount="9"|移動文字的速度
scrolldelay="75">|移動文字的幀間隔時間
scrollamount/scrolldelay的經驗值約為1/9-1/7左右
direction="right"|移動文字的方向(預設不寫本屬性為向左)
behavior="slide"|字幕至邊框停住的效果
behavior="alternate">|字幕至邊框往復循環

7、誰知道如何在網頁中添加滾動字幕?

<marquee direction="up" width="200" height="150" scrollamount="1" scrolldelay="1" onMouseOver="this.stop();" onMouseOut="this.start();">滾動字幕內容</marquee>

onMouseOver 是滑鼠在字上是的動作---停止
onMouseOut 是 --開始滾動
width height 可以設置 寬和高
direction 是滾動的方向 這個是 向上的 可以是下.左.右 根據自己要求

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

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>標簽的動態行為學習。  

9、如何製作網頁上的滾動字幕? 快!!!

<MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=4 behavior=alternate width="100%" height=220>

來回滾動

與怎樣在網頁上設計滾動字幕相關的知識