導航:首頁 > 文件教程 > 網站滾動代碼

網站滾動代碼

 發布時間：2022-12-30 22:51:54

『壹』 網頁文字左右滾動代碼

一開始文字是禁止的，只有當滑鼠碰到文字了，文字開開始左右滾動，移開滑鼠，文字又恢復到初始的位置。
這個感覺不是這樣的，應該是滑鼠放在上面禁止，離開後滾動吧，這樣的代碼如下：
<marquee scrollAmount=2 width=300>你要加入的文字內容</marquee>

你可以參照http://www.kingar.com/blog/zj/gundongzimu-zuo.html網站的具體內容

『貳』 網站滾動公告代碼

=======================================================
第一種，使用JS控制（推薦），JS腳本必須放在公告代碼之後
=======================================================
以下代碼可直接放在html文檔的<body></body>間：

<style>
.scrollTxt{width:200px;height:24px;overflow:hidden;font-size:14px;line-height:18px;}
.scrollTxt a{display:block;width:200px;float:left;height:24px;overflow:hidden;padding-left:12px;color:#ff4400}
.scrollTxt a:hover {COLOR: #00c;}
.scrollTxt p{overflow: hidden; height: 18px; line-height: 18px;}
</style>
<div class="scrollTxt">
<p id="infan2010">
<a href="http://" target="_blank">人民幣創2010年匯率新高</a><br>
<a href="http://" target="_blank">中國南方省退休年齡延長</a><br>
<a href="http://" target="_blank">深圳市假公交案水落石出</a><br>
<a href="http://" target="_blank">芙蓉姐姐徵婚選網路知道</a><br>
<a href="http://" target="_blank">中國明日向日本鬼子開炮</a><br>
</p>
</div>
<script type="text/javascript">
(function() {
var pthis = this;
this.$ = function(a) {
if (document.getElementById) {
return eval('document.getElementById("' + a + '")')
} else {
if (document.layers) {
return eval("document.layers['" + a + "']")
} else {
return eval("document.all." + a)
}
}
};
this.SinaDotMarquee = function(id, h, s, d) {
var apthis = this;
var t;
var p = false;
var o = pthis.$(id);
o.style.overflow = "hidden";
o.style.height = h + "px";
o.style.lineHeight = h + "px";
o.innerHTML += o.innerHTML;
o.onmouseover = function() {
p = true
};
o.onmouseout = function() {
p = false
};
o.scrollTop = 0;
this.doScroll = function() {
try{
t = setInterval(apthis.scrolling, s);
if (!p) {
o.scrollTop += 2
}
}catch(e){}
};
this.scrolling = function() {
try{
if (o.scrollTop % h != 0) {
o.scrollTop += 2;
if (o.scrollTop >= o.scrollHeight / 2) {
o.scrollTop = 0
}
} else {
clearInterval(t);
setTimeout(apthis.doScroll, d)
}
}catch(e){}
};
setTimeout(apthis.doScroll, d)
};
try {
var SinaDotMarquee01 = new SinaDotMarquee("infan2010", 24, 20, 2000)
} catch(e) {}
})();
</script>

可控制參數：new SinaDotMarquee（）：24，字元高度； 20：字元跳出的速度，每60＝1秒，推薦20； 2000：字元停留的時間，每1000＝1秒，可設100－10000

==================================================
第二種，使用<marquee></marquee>
=================================================
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">這是一個例子</marquee>

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

align
設定<marquee>標簽內容的對齊方式
absbottom：絕對底部對齊（與g、p等字母的最下端對齊）
absmiddle：絕對中央對齊
baseline：底線對齊
bottom：底部對齊（默認）
left：左對齊
middle：中間對齊
right：右對齊
texttop：頂線對齊
top：頂部對齊

代碼如下:
<marquee align="absbottom">align="absbottom"：絕對底部對齊（與g、p等字母的最下端對齊）。 </marquee>
<marquee align="absmiddle">align="absmiddle"： 絕對中央對齊。 </marquee>
<marquee align="baseline">align="baseline"： 底線對齊。 </marquee>
<marquee align="bottom">align="bottom"： 底部對齊（默認）。 </marquee>
<marquee align="left">align="left"： 左對齊。 </marquee>
<marquee align="middle">align="middle"： 中間對齊。 </marquee>
<marquee align="right">align="right"： 右對齊。 </marquee>
<marquee align="texttop">align="texttop"： 頂線對齊。 </marquee>
<marquee align="top">align="top"： 頂部對齊。 </marquee>

behavior
設定滾動的方式：
alternate： 表示在兩端之間來回滾動。
scroll： 表示由一端滾動到另一端，會重復。
slide： 表示由一端滾動到另一端，不會重復。
代碼如下:
<marquee behavior="alternate">alternate：表示在兩端之間來回滾動。 </marquee>
<marquee behavior="scroll">scroll：表示由一端滾動到另一端，會重復。</marquee>
<marquee behavior="slide">slide： 表示由一端滾動到另一端，不會重復。</marquee>

bgcolor
設定活動字幕的背景顏色，背景顏色可用RGB、16進制值的格式或顏色名稱來設定。
代碼如下:
<marquee bgcolor="#006699">設定活動字幕的背景顏色 bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">設定活動字幕的背景顏色 bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">設定活動字幕的背景顏色 bgcolor="red"</marquee>

direction
設定活動字幕的滾動方向
代碼如下:
<marquee direction="down">設定活動字幕的滾動方向direction="down"：向下</marquee>
<marquee direction="left">設定活動字幕的滾動方向direction="left"：向左</marquee>
<marquee direction="right">設定活動字幕的滾動方向direction="right"：向右</marquee>
<marquee direction="up">設定活動字幕的滾動方向direction="up"：向上</marquee>

height
設定活動字幕的高度
代碼如下:
<marquee height="500" direction="down" bgcolor="#CCCCCC">設定活動字幕的高度height="500"</marquee>

width
設定活動字幕的寬度
代碼如下:
<marquee width="500" bgcolor="#CCCCCC">設定活動字幕的寬度width="500"</marquee>

hspace
設定活動字幕里所在的位置距離父容器水平邊框的距離
This controls the horizontal（水平）space around the display box.
代碼如下:
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
</tr>
</table>

vspace
設定活動字幕里所在的位置距離父容器垂直邊框的距離
This controls the vertical（垂直） space around the display box.
代碼如下:
<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>

loop
設定滾動的次數，當loop=-1表示一直滾動下去，默認為-1
代碼如下:
<marquee loop="-1" bgcolor="#CCCCCC">我會不停地走。</marquee>
<p> </p>
<marquee loop="2" bgcolor="#CCCCCC">我只走兩次哦</marquee>

scrollamount
設定活動字幕的滾動速度，單位pixels
代碼如下:
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>

scrolldelay
設定活動字幕滾動兩次之間的延遲時間，單位millisecond（毫秒）
值大了會有一步一停頓的效果
代碼如下:
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>
以上回答你滿意么？

『叄』 網頁設計文字滾動（水平）代碼

網頁設計文字滾動（水平）代碼是：

<marquee direction=up scrollamount=1 scrolldelay=100

height=60>

<!-- head_scrolltext -->

<tr>

<td>

共和國

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

</marquee>

(3)網站滾動代碼擴展閱讀：

一、除此之外，marquee參數有以下：

  1. BGColor：滾動文本框的背景顏色。

  2. Direction：滾動方向設置，可選擇Left、Right、up和down。

  3. scrolldelay：每輪滾動之間的延遲時間，越大越慢。

  4. scrollamount：一次滾動總的時間量，數字越小滾動越慢。

  5. Behaviour：滾動的方式設置，三種取值：Scroll（循環滾動） lide（單次滾動）、Alternate（來回滾動）。

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

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

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

  9. loop：滾動次數。默認為infinite

  10. hspace、vspace：前後、上下的空行。

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

『肆』 HTML中，滾動代碼是什麼怎麼設置

<marquee
scrollAmount=2
width=300>滾動字幕抄</marquee>
各參數詳解：
襲a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。
b)width和height，表示滾動區域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。
c)direction。表示滾動的方向，默認為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，這也是用來控制速度的，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。
e)behavior。用它來控制屬性，默認為循環滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，指的是滾動一次，然後停止滾動)

『伍』 網頁 文字滾動代碼

是這樣吧
<html>
<head>
<style>
.marquee{
width:120px;
height:200px;
background-color:orange;
}
.tx{
top:
100px;
}
</style>
<script>
var
func;
var
oTop
=
180;
function
marquee(){
var
tx
=
document.getElementById("tx");
tx.style.paddingTop
=
oTop;
oTop
-=
3;
if(oTop
<=
0){
oTop
=
180;
}
}
window.onload
=
function(){
out();
}
function
over(){
clearInterval(func);
}
function
out(){
func
=
setInterval("marquee();",
80);
}
</script>
</head>
<body>
<div
class="marquee"
id="marquee"
onmouseover="over()"
onmouseout="out()">
<div
class="tx"
id="tx"
>滾動文字</div>
</div>
</body>
</html>
--------------------
..思想都告訴你了，這個不就是你說的循環滾動么，你按照這個思想稍微改一下，就是適合你的東西，難道還得一點不差的給你做出來。。。再說你的描述也不明確

閱讀全文

與網站滾動代碼相關的資料

熱點內容
linux系統盤默認掛在的文件夾 瀏覽：667
淘寶數據包如何操作上架 瀏覽：567
vb編程中輸入cls是什麼意思 瀏覽：81
linuxtime服務 瀏覽：184
瘋狂安卓講義第二版代碼 瀏覽：420
老炮兒三小時版本下載 瀏覽：313
matlab怎麼調試程序 瀏覽：2
winxp升級win7的危害 瀏覽：496
網路沒連上卻不可用是怎麼回事 瀏覽：752
社區版本 瀏覽：738
怎麼查微信公眾號什麼時候開通的 瀏覽：717
安裝三菱編程閃退怎麼回事 瀏覽：488
手機怎麼創建word文件格式 瀏覽：694
c語言連接資料庫 瀏覽：887
數據線粉色和白色哪個是正 瀏覽：775
vb編程應注意什麼 瀏覽：855
js循環添加控制項 瀏覽：615
學習計算機網路的作用 瀏覽：235
access資料庫最新內容怎麼調 瀏覽：203
上古世紀新版本跑商 瀏覽：267

友情鏈接