html輪播文字
文字滾動一般用的是<marquee></marquee>這個標簽哈、標簽裡面的放的就是你的文字內容、這個標簽有下面幾個參數、我給你說一下、你可以選幾個你用的著的、
direction 表示滾動的方向,值可以是left,right,up,down,默認為left
behavior 表示滾動的方式,值可以是scroll(連續滾動)slide(滑動一次)alternate(來回滾動)
loop 表示循環的次數,值是正整數,默認為無限循環
scrollamount 表示運動速度,值是正整數,默認為6
scrolldelay 表示停頓時間,值是正整數,默認為0,單位是毫秒
valign 表示元素的垂直對齊方式,值可以是top,middle,bottom,默認為middle
align 表示元素的水平對齊方式,值可以是left,center,right,默認為left
bgcolor 表示運動區域的背景色,值是16進制的RGB顏色,默認為白色
height、width 表示運動區域的高度和寬度,值是正整數(單位是像素)或百分數,默認width=100% height為標簽內元素的高度
hspace、vspace 表示元素到區域邊界的水平距離和垂直距離,值是正整數,單位是像素。 onmouSEOver=this.stop() onmouseout=this.start() 表示當滑鼠移上區域的時候滾動停止,當滑鼠移開的時候又繼續滾動。
㈡ html中上下滾動的文字代碼,舉例
在要實現滾動的地方,加入此代碼:
<marquee direction=up>要輸入的文字</marquee>
UP是向上, DOWN是向下,Left向左,Right向右.
這兩個屬性決定文字滾動的速度(scrollamount)和延時(scrolldelay),參數值都是正整數。如下所示:<marquee scrollamount="100">我速度很快。</marquee>
<marquee scrollamount="50">我慢了些。</marquee>
<marquee scrolldelay="30">我小步前進。</marquee>
<marquee scrolldelay="1000" scrollamount="100">我大步前進。</marquee>
按照自己的需要寫代碼吧,希望能夠幫助你!
㈢ html怎麼在圖片上添加文字 而且圖片還有輪播效果 (文字是跟著輪播的)
可以將圖片設置成一個背景,然後在上面添加文字,用javascript實現不斷的替換;或者直接插入一個帶有文字的圖片替換
㈣ HTML 文字滾動
<div class="wrap">
<ul id="scroll">
<li><a href="#">jQuery的圖片滾動切換插件</a></li>
<li><a href="#">Mootools滾動條拖動取值實現</a></li>
<li><a href="#">VB開發的Eclipse編程軟體</a></li>
<li><a href="#">VC++生成隨機數並快速演算法</a></li>
<li><a href="#">VB語音報數計算器源程序</a></li>
</ul>
</div>
<script type="text/javascript">//滾動
var c,_=Function;
with(o=document.getElementById("scroll")){ innerHTML+=innerHTML; onmouseover=_("c=1"); onmouseout=_("c=0");}
(F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%30?10:2500);".replace(/#/g,"o.scrollTop")))();
</script>
CSS
.wrap{width:990px; height:30px; line-height:30px; float:left; margin-bottom:9px;}
.wrap ul { height:30px; overflow: hidden; display:block; width:900px; float:left; }
.wrap li { list-style: none ; line-height:30px;}
.wrap li a { color: #444 margin:auto; }
.wrap li a:hover{color:#ff6600; text-decoration:underline;}
㈤ 跪求文字輪播html代碼,謝謝
用<marquee/>標簽實現,html代碼示例抄如下
<html>
<head>
<title>文字滾動示例</title>
</head>
<body>
<div>
水平滾動:
<marqueedirection="left"align="bottom"height="25"width="100%"onmouseout="this.start()"onmouseover="this.stop()"scrollamount="2"scrolldelay="1">水平滾動字幕內容</marquee>
</div>
<div>
垂直滾動:
<marqueedirection="up"height="200"onmouseout="this.start()"onmouseover="this.stop()"scrollAmount="1"scrollDelay="1">垂直滾動字內容</marquee>
</div>
</body>
</html>
㈥ 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>
㈦ html的滾動字體
<!DOCTYPEhtml>
<html>
<head>
<metacharset=utf-8>
<title>
滾動文字
</title>
</head>
<body>
<center>
<marqueealign="center"behavior="scroll"direction="up"bgcolor=#7fffd4
height="150px"vspace="15"scrolldelay="300"
onmouseout="this.start()"onmouseover="this.stop()">
<fontsize=3face="黑體">
我可以滾動哦
</font>
</marquee>
</center>
</body>
</html>
㈧ html滾動文字代碼是什麼
<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()> 此處輸入滾動內容 </marquee>
◎ direction表示滾動的方向,值可以是left,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()表示當滑鼠以上區域的時候滾動停止,當滑鼠移開的時候又繼續滾動。
㈨ html的滾動字幕怎麼實現,請以簡單的代碼解釋為例,謝謝
<marquee direction=up behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=300 width=30% hspace=20 vspace=10 onmouseover=this.stop() onmouseout=this.start()> 此處輸入滾動內容 </marquee>
◎ direction表示滾動的方向,值可以是left,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()表示當滑鼠以上區域的時候滾動停止,當滑鼠移開的時候又繼續滾動。