一/ JS 實現：
1、將以下代碼放在<head>與</head>之間：
<script LANGUAGE="JavaScript">
<!-- Begin
var Mes=new Array();
Mes[0]="洪恩在線歡迎你！ ";
Mes[1]="感謝你關注電腦交互教程 ";
Mes[2]="網頁製作技巧 之 跑馬燈大全 ";
var place=1;
var i=0;
function scroll()
{
window.status=Mes[i].substring(0, place);
if (place >= Mes[i].length)
{
if(i<2)
{
i++;
place=1;
window.setTimeout("scroll()",50);
}
else
{
i=0;
place=1;
window.setTimeout("scroll()",50);
}
}
else {
place++;
window.setTimeout("scroll()",50);
}
}
// End -－>
</script>
2、在<body>標籤內加入onload 語句：
<body οnlοad="scroll();">
--------------------------------------------------------------------------------------
二：超鏈接的跑馬燈式提示信息
1.將下面代碼放在<body>標籤下：
<script>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script>
2.然後在要出現提示信息的鏈接中，添加onMouseover語句：
<a href="pm23.htm" onMouseover="showtip2(this,event,'用marquee實現的各式跑馬燈')" onMouseout="hidetip2()">跑馬燈大全(一)</a>
<a href="/pc/index.htm" onMouseover="showtip2(this,event,'最多最全的電腦交互教程')" onMouseout="hidetip2()">電腦交互教程</a>
<a href="pmjq00.htm" onMouseover="showtip2(this,event,'點滴技巧裝扮你的家')" onMouseout="hidetip2()">網頁製作技巧技巧</a>
三/ marquee實現
以上幾個例子都是<marquee>標籤參數的應用，下面把所有可以利用的參數列在表中供你參考，不過還是要提醒你，<marquee>標籤只被IE所支持，使用Netscape瀏覽器是看不到的噢。
| 參數 | 用法介紹 |
| behavior=scroll, slide, alternate | 跑馬方式：循環繞行，只跑一次就停住，來回往復運動 |
| direction=left,right | 跑馬方向：從左向右，從右向左 |
| loop=100 | 跑馬次數：循環100次，如不寫默認爲一直循環 |
| width=100%,height=200 | 跑馬範圍：寬爲100%，高爲200像素 |
| scrollamount=20 | 跑馬速度：數越大越快 |
| scrolldelay=500 | 跑馬延時：毫秒數，利用它可實現躍進式滾動 |
| hspace=20，vspace=20 | 跑馬區域與其它區域間的空白大小 |
| bgcolor=#00FFCC | 跑馬區域的背景顏色 |
你已經看到，儘管<marquee>參數不少，單畢竟不能實現複雜的和自定義的特殊跑馬燈效果，而且還有瀏覽器限制，所以我們更多情況下會採用JavaScript來實現跑馬燈，那就是我們下一個技巧的內容。
