語法展示:: http://home.graffiti.net/kghjgfhjfx/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。 不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<< 下載後解壓縮,將圖檔置於網頁同一目錄下
<script language="JavaScript">
<!--
window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
document.onmousemove=MoveHandler;
var gotthere = 0;
var count = 0;
toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );
leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
questtop = -13;
questleft2 = -96;
if (netscape) {
window.captureEvents(Event.MOUSEMOVE);
window.onMouseMove = MoveHandler;
var layerstart = "document.";
var layerleft = ".left";
var layertop = ".top";
var layerstyle = "";
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight; }
else if (goodIE) {
layerstart = "document.all.";
layerleft = ".left";
layertop = ".top";
layerstyle = ".style";
windowWidth=600;
windowHeight=400; }
var Ypos2 = 72;
var Xpos2 = 72;
function MoveHandler(e) {
if (netscape || goodIE) {
Xpos2 = (netscape)?e.pageX:event.x
Ypos2 = (netscape)?e.pageY:event.y
Xorigin = Xpos2;
Yorigin = Ypos2;
if (Ypos2 > windowHeight/2) {
if (Xpos2 > windowWidth/2) { direction = 1;}
else { direction = -1;} }
else {
if (Xpos2 > windowWidth/2) { direction = -1;}
else { direction = 1;} }
}}
amountup=44;
function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
markMe();
eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup");
eval(layerstart+"what"+layerstyle+".visibility = 'visible'");
Xorigin = 204;
Yorigin = 147;
spin();run();}
var OrbitSize = 200;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.06;
var offset = 1;
function spin() {
for ( j = 0 ; j <= 9 ; j++ ) {
Count[j] = Count[j] + (speed*direction);
Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset));
Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])) + dotsoff; }
setTimeout('spin()',3); }
function run() {
count++;
for ( j = 0 ; j <= 9 ; j++ ) {
difftop[j] = Ypoint[j] - temptoplocation[j];
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
eval(layerstart+"a"+j+layerstyle+layerleft+" = templeftlocation["+j+"]");
eval(layerstart+"a"+j+layerstyle+layertop+" = temptoplocation["+j+"]"); }
setTimeout('run()', 25) }
goforit=1;
function question0() {
if (goforit) { goforit=0; question1(); }}
function question1() {
questleft2++;questleft2++;questleft2++;
if (questleft2 <= 0) {
eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
setTimeout('question1()', 10); }
else { setTimeout('question2()',1000);}
}
function question2() {
questleft2--;questleft2--;questleft2--;
if (questleft2 >= -96) {
eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
setTimeout('question2()', 10); }
if (questleft2 == -96) { goforit=1; } }
mark = 150;
navDOM = window.innerHeight;
function markMe() {
window.onresize=setup;
markID = setInterval ("setup()",mark);
}
var dotsoff=0;
function setup() {
pagescroll=navDOM?pageYOffset:document.body.scrollTop
eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup+pagescroll");
if (!netscape) { dotsoff = pagescroll; }
}
-->
</script>
<DIV ID="a0" align=center><img src="01.gif"></DIV>
<DIV ID="a1" align=center><img src="02.gif"></DIV>
<DIV ID="a2" align=center><img src="03.gif"></DIV>
<DIV ID="a3" align=center><img src="04.gif"></DIV>
<DIV ID="a4" align=center><img src="05.gif"></DIV>
<DIV ID="a5" align=center><img src="06.gif"></DIV>
<DIV ID="a6" align=center><img src="07.gif"></DIV>
<DIV ID="a7" align=center><img src="08.gif"></DIV>
<DIV ID="a8" align=center><img src="09.gif"></DIV>
<DIV ID="a9" align=center><img src="10.gif"></DIV>
<DIV ID="what" align=left style="width: 72; height: 2"></div>
將以下程式碼複製,貼在<head>及</head>標籤之間。
<STYLE TYPE="text/css">
<!--
#a0 {position:absolute; left:-24; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a1 {position:absolute; left:96; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a2 {position:absolute; left:216; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a3 {position:absolute; left:338; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a4 {position:absolute; left:460; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a5 {position:absolute; left:640; top:-24; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a6 {position:absolute; left:-24; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a7 {position:absolute; left:200; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a8 {position:absolute; left:300; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#a9 {position:absolute; left:600; top:800; width:13; height:13;clip:rect(0 13 13 0);z-index:2000;}
#what {position:absolute; left:-96; top:0;z-index:3000;visibility:hidden;}
-->
</STYLE>
將以下程式碼複製,貼在<body >標籤裡面。
onLoad="startthedots()"
留言列表