導航:首頁 > 萬維百科 > 網頁設計滾動字幕放在中間

網頁設計滾動字幕放在中間

發布時間:2020-09-23 18:37:30

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

可以用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 網上有很多代碼 你可以自己去找

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

網頁的滾動字幕是用<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">|字幕至邊框往復循環

3、怎樣使滾動字幕居中?回答詳細還可以加分的

修改好了

<table width=900 border=0 align=center cellPadding=5 cellSpacing=0 background="syzm.jpg">
<tbody>
<tr>
<td height=52 align="center" valign="middle" bgcolor="#E9D5BA"><marquee behavior="altemate" direction="up" width="800" height="42" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">
<span class="STYLE1"> 加 盟 商 城 —— 商 機 無 限 商 城 購 物 —— 便 捷 安 全</span>
</marquee></td></tr></tbody></table>

4、html中如何製作隨著屏幕滾動的文字(就是會跟著屏幕走的文字)

圖片滾動代碼 (從右向左滾動)

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滾動的圖片地址1">

<img border="0" src=" http://要滾動的圖片地址2">

</marquee>

圖片滾動代碼 (從下往上滾動)

<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=up scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src=" http://要滾動的圖片地址1">

<img border="0" src=" http://要滾動的圖片地址2"> <marquee ONMOUSEOUT=this.scrollDelay=1 ONMOUSEOVER=this.scrollDelay=600 scrollamount=1 SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>
把圖片的連接地址寫在這里
</marquee>
1.direction屬性:決定文本的滾動方向,分為向左left和向右right,up和down默認狀態向左。
<marquee direction=left>從右向左滾動</marquee>
<marquee direction=right>從左向右滾動</marquee>
2.behavior屬性:指定文本的滾動方式,分為三種:
Scroll:從一端消失後,在另一端出現並繼續滾動。
<marquee behavior=scroll>一圈一圈地滾動</marquee>
Slide:從一端滾動,接觸到另一端後停止
<marquee behaviro=slide>只滾動一次就停止</marquee>
Alternate:從一端滾動到另一端後,反向滾動。
<marquee behavior=alternate>來回滾動</marquee>
direction=up(left、right、down) 這個屬性可以更改,這樣就可以實現上下左右了 但是.我建議用一種無縫的文字滾動.這樣的效果會比較好看.而用marquee就沒那麼好了方法代碼 先介紹一下它的實現思路:一個設定寬度並且隱藏超出它寬度的內容的容器demo,裡面放demo1和demo2,demo1是滾動內容,demo2為demo1的直接克隆,通過不斷改變demo1的scrollTop或者scrollLeft達到滾動的目的,當滾動至demo1與demo2的交界處時直接跳回初始位置,因為demo1與demo2一樣,所以分不出跳動的瞬間,從而達到「無縫」滾動的目的。

先了解一下對象的幾個的屬性:
innerHTML:設置或獲取位於對象起始和結束標簽內的 HTML
scrollHeight: 獲取對象的滾動高度。
scrollLeft:設置或獲取位於對象左邊界和窗口中目前可見內容的最左端之間的距離
scrollTop:設置或獲取位於對象最頂端和窗口中可見內容的最頂端之間的距離
scrollWidth:獲取對象的滾動寬度
offsetHeight:獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的高度
offsetLeft:獲取對象相對於版面或由 offsetParent 屬性指定的父坐標的計算左側位置
offsetTop:獲取對象相對於版面或由 offsetTop 屬性指定的父坐標的計算頂端位置
offsetWidth:獲取對象相對於版面或由父坐標 offsetParent 屬性指定的父坐標的寬度

向上滾動的代碼:
<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><table align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML//克隆demo1為demo2
function Marquee(){
if(demo2.offsetHeight-demo.scrollTop<=0)//當滾動至demo1與demo2交界時
demo.scrollTop-=demo1.offsetHeight//demo跳到最頂端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//設置定時器
demo.onmouseover=function() {clearInterval(MyMar)}//滑鼠移上時清除定時器達到滾動停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//滑鼠移開時重設定時器
</script>

向下滾動:
<div id=demo style=overflow:hidden;height:400;width:160;background:#214984;color:#ffffff><table align=top cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><br><img src="pic/2.jpg" width="160" height="198" /><br><img src="pic/3.jpg" width="155" height="200" /><br><img src="pic/4.jpg" width="157" height="200" /></td></tr><tr><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollTop<=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左滾動:
<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向右滾動:
<div id=demo style=overflow:hidden;height:200;width:500;background:#214984;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="pic/1.jpg" width="156" height="200" /><img src="pic/2.jpg" width="160" height="198" /><img src="pic/3.jpg" width="155" height="200" /><img src="pic/4.jpg" width="157" height="200" /></td><td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

5、會聲會影上滾動字幕怎樣控制在屏幕中間停止

說說我的笨方法吧。
1、將字幕先保存成GIF;
2、將GIF素材拖到想要放置的時間軸位置(與字幕同步)
3、走幀到想要停止的位置,將GIF素材剪斷,刪除後面的

4、選取字幕,保存成PNG
5、將PNG素材接到GIF後面
完成。

6、網頁全屏後,內容在左上角。滾動條在中間,具體見裡面。

那是你自己的IE瀏覽器問題 不關網站的事
我的看著正常
IE問題很麻煩 還不如換個瀏覽器 去百度找 IE6 很多的
http://www.baidu.com/baidu?tn=epan_pg&word=IE6
我喜歡用IE6 當然也可以IE7 IE8

7、HTML語言做滾動字幕如何使其居中?

&

8、html如何控制滾動字幕的開始和結束位置,屬性對應是什麼?

http://www.8esky.com/handbook/dhtml/objects/MARQUEE.html

很詳細

與網頁設計滾動字幕放在中間相關的知識