導航:首頁 > 萬維百科 > 網頁設計滾動條代碼

網頁設計滾動條代碼

發布時間:2021-03-12 04:44:41

1、網頁設計字體滾動代碼?

文字滾動是由<marquee></marquee>控制的。marquee的參數如下:

1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我從右向左移!</marquee>
<marquee direction=right>啦啦啦,我從左向右移!</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>

3、循環 <loop=#> #=次數;若未指定則循環不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟喲!</marquee>

4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>

5、延時 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

6、對齊方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 進制數碼,或者是下列預定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:<marquee bgcolor=aaaaee>啦啦啦,我會移動耶!</marquee>

8、面積 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我會移動耶!</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一個最簡單的例子:

代碼如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面這兩個事件經常用到:

onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動

onMouseOver="this.stop()":用來設置滑鼠移入該區域時停止滾動

代碼如下:

<marquee >onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動 :用來設置滑鼠移入該區域時停止滾動</marquee>

這是一個完整的例子:

代碼如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

這是一個完整的例子

</marquee>

該標簽支持的屬性多達11個:

align

設定<marquee>標簽內容的對齊方式

absbottom:絕對底部對齊(與g、p等字母的最下端對齊)

absmiddle:絕對中央對齊

baseline:底線對齊

bottom:底部對齊(默認)

left:左對齊

middle:中間對齊

right:右對齊

texttop:頂線對齊

top:頂部對齊

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

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>

3、網頁設計中如何給主框架加滾動條?

什麼框架?
是字窗口?

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

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>

5、【網頁設計代碼】怎樣製作隨滾動條滾動的層

定位層的position:fixed;
不知道你要的什麼效果 可以看回看這句答代碼
<div style="position: fixed; top: 0; right: 0;width:100px; height:100px; background:#F00; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));"
></div>

6、怎麼製作網頁中的滾動條

看看是這個嗎,我隨便查了一下
<html>

<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效代碼|JsCode.CN|---用CSS控制滾動條樣式</title>
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #48486c;
SCROLLBAR-BASE-COLOR: #fcfcfc
}
</STYLE>
</head>

<body>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

</body>

</html>

7、製作網頁的滾動條

<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #fcfcfc;//滾動條頁面顏色設定;
SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;//滾動條斜面和左面顏色設
SCROLLBAR-SHADOW-COLOR: #fcfcfc;//滾動條下斜面和右面顏色設
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;//滾動條上邊和左邊的邊沿顏色
SCROLLBAR-ARROW-COLOR: #240024;//滾動條兩端箭頭顏色設定
SCROLLBAR-TRACK-COLOR: #fcfcfc;//滾動條底版顏色設定
SCROLLBAR-DARKSHADOW-COLOR: #48486c;//滾動條下邊和右邊的邊沿顏色設定。
}
</STYLE>
這段代碼放到<head>和</head>之間
//後面的是解釋!

8、網頁製作中怎麼設置滾動條,代碼是什麼

你可以根據需要改動相關色彩
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: rgb(0,186,186);
SCROLLBAR-HIGHLIGHT-COLOR: rgb(0,140,109);
SCROLLBAR-SHADOW-COLOR: rgb(23,71,255);
SCROLLBAR-3DLIGHT-COLOR: rgb(233,0,93);
SCROLLBAR-ARROW-COLOR: rgb(255,23,250);
SCROLLBAR-TRACK-COLOR: rgb(93,144,255);
SCROLLBAR-DARKSHADOW-COLOR: rgb(233,0,109);
SCROLLBAR-BASE-COLOR: rgb(128,128,128)
}
</STYLE>

9、網頁設計怎麼設置滾動條啊?

<內容</mmarquee>滾動arquee>

10、網頁製作中滾動條的代碼是什麼

下面的都為網頁製作中滾動條的代碼。

overflow: auto;

font-family: Arial,Helvetica,sans-serif;

font-size: 9pt;

line-height: 8px;

color: #000000;

text-decoration: none;

height:250px;

SCROLLBAR-FACE-COLOR:#FFFF00 ;

SCROLLBAR-HIGHLIGHT-COLOR: #87CEFA ;

SCROLLBAR-SHADOW-COLOR: #DEEB9F;

SCROLLBAR-3DLIGHT-COLOR:#00BFFF;

SCROLLBAR-TRACK-COLOR:#BA55D3 ;

SCROLLBAR-ARROW-COLOR: #D3D3D3 ;

SCROLLBAR-DARKSHADOW-COLOR: gold;}

與網頁設計滾動條代碼相關的知識