日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

網(wǎng)頁HTML代碼中的文字移動

 我的釣魚資料 2011-09-22
字體是從右向左移動,鼠標放上面停止移動,松開繼續(xù)。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ostat = false;
function scrollstop() {
news.scrollAmount = 0;
ostat = true;
}
function scrollplay() {
news.scrollAmount = 5;
ostat = false;
}
function scrolldir() {
mid = screen.width / 2;
mouse = event.x;
if(mouse > mid) {
if(ostat == false) {
speed = (mouse - mid) / 25;
news.scrollAmount = speed;
}
news.direction = "right";
}
else {
if(ostat == false) {
speed = (mid - mouse) / 25;
news.scrollAmount = speed;
}
news.direction = "left";
}
}
// End -->
</script>


<head/>
<body>
<marquee name=news id=news behavior=scroll direction=left scrollamount=5 scrolldelay=1 hspace=0 vspace=0 onMouseOver="scrollstop()" onMouseOut="scrollplay()" >
<b>Welcome To Typhoon Start JavaScript Fairyland!</b>
</marquee>

</body>
</html>

評價答案
  • 好:5
  • 不好:3
回答采納率:33.0% 2009-08-26 09:37

滿意答案

好評率:100%

一、從右向左移

代碼

<marquee direction=left>需要移動的文字</marquee>

二、從左向右移

代碼

<marquee direction=right>需要移動的文字</marquee>

三、一圈一圈繞著移動

代碼

<marquee behavior=scroll>需要移動的文字</marquee>

四、只移動三次就停了

代碼

<marquee loop=3 behavior=slide>需要移動的文字</marquee>

五、移一步,停一停

代碼

<marquee scrolldelay=500 scrollamount=100>需要移動的文字</marquee>

六、左右來回移動

代碼

<marquee behavior=alternate>需要移動的文字</marquee>

七、忽隱忽現(xiàn)移動

代碼

<marquee behavior="alternate"><marquee width="150" direction=right>需要移動的文字</marquee>

八、從下向上移動

代碼

<marquee direction=up><div align="center">需要移動的文字</div></marquee>

九 、從上向下移動

代碼

<marquee direction=down><div align="center">需要移動的文字</div></marquee>

十、垂直往復(fù)移動

代碼

<marquee direction=up behavior=alternate><div align="center">需要移動的文字</font></div></marquee>

十一、從左上向右下移動

代碼

<marquee direction=right><marquee width=216 direction=down>需要移動的文字</marquee>

十二、 從右上向左下移動

代碼

<marquee direction=left><marquee direction=down>需要移動的文字</marquee>

十三、從左下向右上移動

代碼

<marquee direction=right><marquee direction=up>需要移動的文字</marquee>

十四、從右下向左上移動

代碼

<marquee direction=left><marquee direction=up>需要移動的文字</marquee>

十五、水平相反移動

代碼

<p align=center> <marquee width="216px">需要移動的文字</marquee><marquee width="216px" direction=right>需要移動的文字

</marquee></p>

十六、左右兩邊向中間移動

代碼

<p align=center><marquee style="width:216px;" direction=right>需要移動的文字</marquee><marquee style="width:216px;"

direction=left>需要移動的文字</marquee></p>

十七、左右兩邊向中間來回移動

代碼

<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中間來回移動</MARQUEE><MARQUEE scrollAmount=3 direction=right

behavior=alternate width="40%">動移回來間中向右左</MARQUEE>

十八、從上下向中間移動

代碼

<p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字

</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字

</center></marquee></center></center><p></p>

十九、從中間向上下移動

代碼

<p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移動的文字

</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移動的文字

</center></marquee></center></center><p> </p></marquee>

二十、上下向中間來回移動

代碼

<MARQUEE scrollAmount=1 direction=down behavior=alternate height=50><DIV align=center>上下向中間來回移動

</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中間來回移動

</DIV></MARQUEE>

二十一、上下交替移動

代碼

<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=up

behavior=alternate width=45><center>要</center></marquee><marquee direction=up behavior=alternate width=45

height=160><center>移</center></marquee><marquee direction=up behavior=alternate width=45><center>動

</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marquee

direction=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate

width=45 height=160><center>字</center></marquee>

二十二、移動后消失

代碼

<marquee style="width: 288px; height: 120px" scrollAmount=5 direction=up><center><div><marquee direction=up

behavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30

height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要

</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>動</center></marquee><marquee

direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternate

width=30 height=110><center>字</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>文

</center></marquee></div></center></marquee>

二十三、波浪式移動

代碼

<div align=center><marquee width=288

filter: wave(add=0,lightstrength=50,strength=3,freq=2,

phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate

width=216><div align=center>需要移動的文字</div></marquee></div></marquee></div>

二十四、往復(fù)波浪式移動

代碼

<marquee width=288 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up

behavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移動的文字</marquee></marquee>

二十五、交替往復(fù)波浪式移動

代碼

<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50

height=200 align="middle">需</marquee><marquee direction=up behavior=alternate width=50 height=150>的</marquee><marquee

direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150>

文</marquee><marquee direction=up behavior=alternate width=50 height=200>移</marquee><marquee direction=up behavior=alternate

width=50 height=150>字</marquee><marquee direction=up behavior=alternate width=50 height=200>動</marquee>

</marquee>

二十六、S型移動

代碼

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=120 style="Text-align;filter:wave

(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移動的文字</center></marquee>

二十七、 多層多式復(fù)合移動

代碼

<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1

height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移動的文字</marquee> </marquee>

</td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288"

style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移動的文字</center></marquee></td></tr></table>

二十八、文字豎排漸出移動

代碼

<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line-

height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=290 height=180><p align=center>需要移動

的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>動<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>

二十九、文字穿梭移動

代碼

<marquee scrollAmount=2 width=30 height=20>文    文</marquee>    <marquee

scrollAmount=2 width=30 height=20>字    字</marquee>    <marquee scrollAmount=2

width=30 height=20>穿    穿</marquee>    <marquee scrollAmount=2 width=30 height=20>

梭    梭</marquee>    

附 注

各主要參數(shù)的含義:

align:是設(shè)定活動對象(圖片或文字)的位置。

direction:用于設(shè)定活動對象的移動方向。

behavior="scroll"表示由一端移動到另一端。

behavior="slide"表示由一端移動到另一端,且不再重復(fù)。

behavior="alternate"表示在兩端之間來回移動。

height:用于設(shè)定移動對象的高度。

width:則設(shè)定移動對象的寬度。

hspace:用于設(shè)定移動對象的左右邊框?qū)挾取?/p>

vspace:上下邊框的寬度。

scrollamount:用于設(shè)定活動對象的移動距離,數(shù)值越大移動越快。

scrolldelay:用于設(shè)定移動兩次之間的延遲時間,數(shù)值越大越有跳躍感。

loop:用于設(shè)定移動的次數(shù),不設(shè)置該值則為無限循環(huán)

style="font-size: "用于設(shè)定文字大小。

wline-htight: 用于設(shè)定文字行間距。

font-family: 用于設(shè)定字體。

<marquee>標記的默認情況是向左移動無限次,字幕高度是

文本高 度,移動范圍:水平移動的寬度是當前位

置的寬度,垂直移動的高度是當前位置的高度。

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約