<Meta Http-Equiv= Content-Type Content= Text/Html; Charset=Big5 >

網頁設計班級:資工1甲座號:1 姓名:林鴻儒

<head>

<title>var step=8 var stepbasic=8 var n</title>

<!--[if !mso]>

<style>

v\:* { behavior: url(#default#VML) }

o\:* { behavior: url(#default#VML) }

.shape { behavior: url(#default#VML) }

</style>

<![endif]--<!--[if gte mso 9]>

<xml<o:shapedefaults v:ext="edit" spidmax="1027"/>

</xml<![endif]-->

</head>

</body>

<!--

fCol='FF00FF';//face colour. 數字顏色

sCol='009900';//seconds colour. 秒針顏色

mCol='0000FF';//minutes colour. 分針顏色

hCol='FF0000';//hours colour. 時針顏色

H='....';

H=H.split('');

M='.....';

M=M.split('');

S='...... ';

S=S.split('');

Ypos=0;

Xpos=0;

Ybase=8;

Xbase=8;

dots=12;

ns=(document.layers)?1:0;

if (ns){

dgts='1 2 3 4 5 6 7 8 9 10 11 12';

dgts=dgts.split(' ')

for (i=0; i < dots; i++){

document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30<center<font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font</center</layer>');

}

for (i=0; i < M.length; i++){

document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"</layer>');

}

for (i=0; i < H.length; i++){

document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"</layer>');

}

for (i=0; i < S.length; i++){

document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"</layer>');

}

else{

document.write('<div style="position:absolute;top:0px;left:0px"<div style="position:relative">');

for (i=1; i < dots+1; i++){

document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');

}

document.write('</div</div>')

document.write('<div style="position:absolute;top:0px;left:0px"<div style="position:relative">');

for (i=0; i < M.length; i++){

document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"</div>');

}

document.write('</div</div>')

document.write('<div style="position:absolute;top:0px;left:0px"<div style="position:relative">');

for (i=0; i < H.length; i++){

document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"</div>');

}

document.write('</div</div>')

document.write('<div style="position:absolute;top:0px;left:0px"<div style="position:relative">');

for (i=0; i < S.length; i++){

document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"</div>');

}

document.write('</div</div>')

}

function clock(){

time = new Date ();

secs = time.getSeconds();

sec = -1.57 + Math.PI * secs/30;

mins = time.getMinutes();

min = -1.57 + Math.PI * mins/30;

hr = time.getHours();

hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

if (ns){

Ypos=window.pageYOffset+window.innerHeight-60;

Xpos=window.pageXOffset+window.innerWidth-80;

}

else{

Ypos=document.body.scrollTop+window.document.body.clientHeight-60;

Xpos=document.body.scrollLeft+window.document.body.clientWidth-60;

}

if (ns){

for (i=0; i < dots; ++i){

document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);

document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);

}

for (i=0; i < S.length; i++){

document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);

document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);

}

for (i=0; i < M.length; i++){

document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);

document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);

}

for (i=0; i < H.length; i++){

document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);

document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);

}

else{

for (i=0; i < dots; ++i){

ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);

ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);

}

for (i=0; i < S.length; i++){

x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);

x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);

}

for (i=0; i < M.length; i++){

y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);

y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);

}

for (i=0; i < H.length; i++){

z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);

z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);

}

setTimeout('clock()',50);

}

if (document.layers || document.all) window.onload=clock;

//-->

</script>

Cross browser cursor trailer script

By Brian Caputo ()

Visit Dynamic Depot @ www.icdc.com/~bcaputo

B=document.all;

C=document.layers;

T1=new Array('trail1.gif',30,27, 'trail2.gif',30,27, 'trail3.gif',30,27, 'trail4.gif',30,27, 'trail5.gif',30,27, 'trail6.gif',82,62);

nos=parseInt(T1.length/3);

rate=50

ie5fix1=0;

ie5fix2=0;

for (i=0;i<nos;i++){

createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}

function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){

with (document){

write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");

if(St){

if (C)

write(" style='");

write(St+";' ")

}

else write((B)?"'":"");

write((At)? At+">" : ">");

write((HT) ? HT : "");

if (!Op)

closeContainer(N)

}

function closeContainer(){

document.write((B)?"</div>":"</layer>")

}

function getXpos(N){

return (B) ? parseInt(B[N].style.left) : C[N].left

}

function getYpos(N){

return (B) ? parseInt(B[N].style.top) : C[N].top

}

function moveContainer(N,DX,DY){

c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY

}

function cycle(){

//if (IE5)

if (document.all&window.print){

ie5fix1=document.body.scrollLeft;

ie5fix2=document.body.scrollTop;

}

for (i=0;i<(nos-1);i++){

moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))

}

function newPos(e){

moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2

)

}

if(document.layers)

document.captureEvents(Event.MOUSEMOVE)

document.onmousemove=newPos

setInterval("cycle()",rate)

</script>

<body>

<p align="center"<!--[if gte vml 1]<v:shapetype id="_x0000_t161"

coordsize="21600,21600" o:spt="161" adj="4050" path="m,c7200@0,14400@0,21600,m,21600c7200@1,14400@1,21600,21600e">

<v:formulas>

<v:f eqn="prod #0 4 3"/>

<v:f eqn="sum 21600 0 @0"/>

<v:f eqn="val #0"/>

<v:f eqn="sum 21600 0 #0"/>

</v:formulas>

<v:path textpathok="t" o:connecttype="custom" o:connectlocs="10800,@2;0,10800;10800,@3;21600,10800"

o:connectangles="270,180,90,0"/>

<v:textpath on="t" fitshape="t" xscale="t"/>

<v:handles>

<v:h position="center,#0" yrange="0,8100"/>

</v:handles>

<o:lock v:ext="edit" text="t" shapetype="t"/>

</v:shapetype<v:shape id="_x0000_s1025" type="#_x0000_t161" style='width:261pt;

height:93pt' adj="5665" fillcolor="black">

<v:shadow color="#868686"/>

<v:textpath style='font-family:"新細明體";v-text-reverse:t;v-text-kern:t' trim="t"

fitpath="t" xscale="f" string="狗狗介紹"/>

</v:shape<![endif]--<![if !vml]<img border=0 width=351 height=113

src="index1.files/image001.gif" alt=狗狗介紹 v:shapes="_x0000_s1025"<![endif]</div>

<br>

<p align="center">請點選圖片可以看狗狗介紹</p>

<img alt="將軍" src="http://www.scp.moj.gov.tw/site/moj/public/MMO/scp/將軍.jpg" mmoid="115408"</a 

</a</div>

</body>

</html>

&lt;Meta Http-Equiv= Content-Type Content= Text/Html; Charset=Big5 &gt;

<Meta Http-Equiv= Content-Type Content= Text/Html; Charset=Big5 >