導航:首頁 > 萬維百科 > 網頁設計marquee

網頁設計marquee

發布時間:2021-01-12 01:28:51

1、網頁設計中marquee和div標簽的幾個問題

很簡單,抄去認真學習襲一下CSS樣式表; 你的這些問題在你學完這個的時候就不是問題了;

記住,不要在html里控制樣式;樣式全部通過css來控制;

position用於定位,主要應用於網頁的布局;marquee嵌套在div里,可以對marquee的位置進行精確定位;同樣在marquee里嵌套div也可以對該div進行位置控制;

2、網頁設計:如何創建一個滾動菜單

首先打開dreamweaver8寫基本語法
<marquee>滾動文字 </marquee>
2.文字移動屬性的設置
(1)滾動方向屬性direction
可以設定文字滾動的方向,分別為向左(left)、向右(right)、向上(up)、向下(down),使滾動的文字具有更多的變化。
基本語法:
<marquee direction="value">滾動文字</marquee>
(2)滾動方式屬性behavior
通過這個屬性能夠設定不同方式的滾動文字效果。如滾動的循環往復、交替滾動、單次滾動等。
基本語法:
<marquee behavior="value">滾動文字</marquee>
(3)滾動循環屬性loop
通過這個屬性能夠讓文字滾動循環進行。
基本語法:
<marquee loop="次數">滾動文字</marquee>
(4)滾動速度屬性scrollamout
通過這個屬性能夠調整文字滾動的速度。
基本語法:
<marquee scrollamount="value">滾動文字</marquee>
(5)滾動延遲屬性scrolldelay
通過這個屬性,可以在每一次滾動的間隔產生一段時間的延遲。
基本語法:
<marquee scrolldelay="value">滾動文字</marquee>
3.外觀(Layout)設置
(1)滾動文字對齊方式align
基本語法:
<marquee align="對齊方ottom,對齊上沿、中間、下沿。
(2)滾動背景顏色屬性bgcolor

在滾動文字的後面,可以添加背式">滾動文字</marquee>
對方方式=top、middle、b景顏色。
基本語法:
<marquee bgcolor="color_value">滾動文字</marquee>

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

文字滾動是由<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:頂部對齊

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

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

來回滾動

5、網頁設計文字滾動(水平)代碼

網頁設計文字滾動(水平)代碼是:

<marquee direction=up scrollamount=1 scrolldelay=100

height=60>

<!-- head_scrolltext -->

<tr>

<td>

共和國

</table> <!-- end head_scrolltext -->

</marquee>

(5)網頁設計marquee擴展資料:

一、除此之外,marquee參數有以下: 

BGColor:滾動文本框的背景顏色。 

Direction:滾動方向設置,可選擇Left、Right、up和down。 

scrolldelay:每輪滾動之間的延遲時間,越大越慢。 

scrollamount:一次滾動總的時間量,數字越小滾動越慢。 

Behaviour:滾動的方式設置,三種取值:Scroll(循環滾動) lide(單次滾動)、Alternate(來回滾動)。 

Align:文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。 

Width:滾動文本框的寬度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。 

Height:滾動文本框的高度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。 

loop:滾動次數。默認為infinite 

hspace、vspace:前後、上下的空行。

二、滾動字幕在FrontPage的組件里有,但是FrontPage這個軟體只能支持單行文字,一出現多行文字它就無能為力了,而且它只能支持一行滾動。(如果出現只能滾動一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write裡面。)

6、網頁製作marquee 標簽出了問題

direction 表示滾動的方向,值可以是,right,up,down,默認為left
behavior 表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(來回滾動)
loop 表示循環的次數,值是正整數,默認為無限循環
scrollamount 表示運動速度,值是正整數,默認為6
scrolldelay 表示停頓時間,值是正整數,默認為0,單位是毫秒
align 表示元素的垂直對齊方式,值可以是top,middle,bottom,默認為middle
bgcolor 表示運動區域的背景色,值是16進制的RGB顏色,默認為白色
height、width 表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100% height為標簽內元素的高度
hspace、vspace 表示元素到區域邊界的水平距離和垂直距離,值是正整數,單位是像素。
onmouseover=this.stop() onmouseout=this.start() 表示當滑鼠以上區域的時候滾動停止,當滑鼠移開的時候又繼續滾動。

下面的例子使用了 MARQUEE 元素創建了由左向右的滾動字幕,移動速度為每 200 毫秒 10 像素。
<MARQUEE DIRECTION=RIGHT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>這是一個滾動字幕。</MARQUEE>
下面的例子顯示了 marquee 元素的 scrollLeft 和 scrollTop 屬性的一些用途。
<MARQUEE id=m1 direction=right style="border-width:2px;border-style:solid;" width=200 height=200>向右</MARQUEE>
<!-- 單擊此按鈕可在字幕滾動時讀取 scrollLeft 和 scrollTop 屬性的值。 -->
<BUTTON onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">讀取</BUTTON>
<!-- 當字幕停止時,你可以設置水平字幕的 scrollLeft,或者設置垂直字幕的 scrollTop。 -->
<BUTTON onclick="m1.stop();m1.scrollLeft = 190;">停止並設置 scrollLeft=190</BUTTON>
<BUTTON onclick="m1.start();">開始</BUTTON>

7、在製作網頁時做滾動字幕的代碼是什麼?急用

腳本說明:
把如下代碼加入<body>區域中:
<script language="JavaScript1.2">
//設置marquee的寬度 (in pixels)
var marqueewidth=400
//設置marquee的高度 (in pixels, 該參數只適用於NS)
var marqueeheight=20
//設置marquee滾動的速度(數值大速度快)
var speed=4
//設置marquee顯示內容,使用標準的HTML語法。
var marqueecontents='<strong><big>滾動字幕</big></strong></font>'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+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('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
</ilayer>

8、在網頁設計中 要讓圖片和文字滾動,我用了marquee屬性,裡面用的是<dl><dt>標簽,但是效果怎麼是這樣,

設置float:left看看

與網頁設計marquee相關的知識