學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

狀態列的跑馬燈不夠嗆!追著游標跑的幻彩文字才夠辣啦!注意喔!在I E 中才看得到幻彩文字呦,在 NetScape 中就只能看到單色文字哦!
步驟一:用滑鼠將底下的一拖拉庫程式碼(藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的 <HEAD> 之後按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上就大功告成了!

步驟三:將原始碼中橘色地方的內容改成你要追逐游標的文字就ok啦!

注意:網頁中的<BODY>要改寫成<BODY  onload=javascript:scriptact() 才能正確動作哦!

 
<HTML>
<HEAD>

<STYLE>
.textstyle
 
{COLOR: #ff00ff;  POSITION: absolute;FONT-SIZE: 9pt; FONT-WEIGHT: normal;}
</STYLE>

<SCRIPT language=javascript>
var message="
追著游標跑的幻彩文字才夠辣啦! ";
var x,y;
var step=15;
var flag=0;
message=message.split("");
var xpos=new Array();
for (i=0;i<=message.length-1;i++) 
{xpos[i]=-50;}

var ypos=new Array();
for (i=0;i<=message.length-1;i++) 
{ypos[i]=-50;}

function handlerMM(e)
 {
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
flag=1;
}

function makesnake() 
{
if (flag==1 && document.all) 
{
for (i=message.length-1; i>=1; i--) 
{
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;

for (i=0; i<=message.length-1; i++) 
{
var thisspan = eval("span"+(i)+".style");
thisspan.posLeft=xpos[i];
thisspan.posTop=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}
}

else if (flag==1 && document.layers) 
{
for (i=message.length-1; i>=1; i--) 
{
xpos[i]=xpos[i-1]+step;
ypos[i]=ypos[i-1];
}
xpos[0]=x+step;
ypos[0]=y;


for (i=0; i<message.length-1; i++) 
{
var thisspan = eval("document.span"+i);
thisspan.left=xpos[i];
thisspan.top=ypos[i];
thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
}}}

for (i=0;i<=message.length-1;i++) 
{
document.write("<span id='span"+i+"' class='textstyle'>");
document.write(message[i]);
document.write("</span>");
}

if (document.layers) 
{document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;

function scriptact() 
{
makesnake();
window.setTimeout("scriptact();", 2);
}

</SCRIPT>


</HEAD>

<!--粉紅色這一段一定要加哦!不然可是不會正確動作的呦!-->
<BODY 
onload=javascript:scriptact()> 

</BODY>
</HTML>

JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為