團團轉滑鼠游標(頁 1) - javascript、html 語法教學 - 滑鼠遊標 - 笨笨網站超級論壇

#1 團團轉滑鼠游標 - 蛙 (Administrator) 發表於 9-6-2012 10:47

<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P><FONT color=blue>
<P><FONT color=#0000ff size=3>如不能顯示語法效果可貼去本站</FONT><A href="http://www.bunbun000.com/html/index.htm" target=_blank><FONT color=red size=3>語法測試板</FONT></A><FONT color=#0000ff size=3>試看</FONT></P>
<P><FONT size=3></FONT> </P>
<P><FONT size=3></FONT> </P>
<P><FONT size=3></FONT> </P>
<P><FONT size=3></FONT> </P>
<P><FONT color=purple>http://www.bunbunhk.com/logo.ico <<< 圖檔網址，可更改</FONT></P></FONT>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue><STYLE type=text/css>#a0 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a1 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 96px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a2 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 216px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a3 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 338px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a4 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 460px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a5 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 640px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a6 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a7 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 200px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a8 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 300px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR>#a9 {<BR>CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 600px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000<BR>}<BR></STYLE></FONT></P>
<P><FONT color=blue></FONT> </P>
<P><FONT color=blue><body onload="startthedots()"><BR><SCRIPT language=JavaScript></FONT></P>
<P><BR><FONT color=blue>window.onerror=null;<BR>netscape = (document.layers) ? 1:0;<BR>goodIE = (document.all) ? 1:0;<BR>document.onmousemove=MoveHandler;<BR>var gotthere = 0;<BR>var count = 0;<BR>var ietopcorner=''<BR>var ieleftcorner=''</FONT></P>
<P><FONT color=blue>toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );<BR>temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );<BR>leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );<BR>templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );<BR>difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );<BR>diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );<BR>questtop = -13;<BR>questleft2 = -96;<BR>if (netscape) {<BR>document.body=new Object()<BR>document.body.scrollTop=''<BR>document.body.scrollLeft=''<BR>window.captureEvents(Event.MOUSEMOVE);<BR>window.onMouseMove = MoveHandler; <BR>var layerstart = "document.";<BR>var layerleft = ".left";<BR>var layertop = ".top";<BR>var layerstyle = "";<BR>var windowWidth = window.innerWidth;<BR>var windowHeight = window.innerHeight; }<BR>else if (goodIE) {<BR>ietopcorner=document.body.scrollTop<BR>ieleftcorner=document.body.scrollLeft<BR>layerstart = "document.all.";<BR>layerleft = ".left";<BR>layertop = ".top";<BR>layerstyle = ".style";<BR>windowWidth=600;<BR>windowHeight=400; }<BR>// end error trapping<BR>var Ypos2 = 72;<BR>var Xpos2 = 72;<BR>function MoveHandler(e) {<BR>if (netscape || goodIE) {<BR>Xpos2 = (netscape)?e.pageX:event.x<BR>Ypos2 = (netscape)?e.pageY:event.y<BR>Xorigin = Xpos2;<BR>Yorigin = Ypos2; <BR>if (Ypos2 > windowHeight/2) {<BR>if (Xpos2 > windowWidth/2) { direction = 1;} <BR>else { direction = -1;} }<BR>else {<BR>if (Xpos2 > windowWidth/2) { direction = -1;} <BR>else { direction = 1;} }<BR>}}</FONT></P>
<P><FONT color=blue>function startthedots() {<BR>if (goodIE) {<BR>windowWidth=document.body.clientWidth;<BR>windowHeight=document.body.clientHeight; }<BR>Xorigin = 204;<BR>Yorigin = 147; <BR>spin();run(); }</FONT></P>
<P><FONT color=blue>var OrbitSize = 200;<BR>count=1; delay=100; direction = -1;<BR>Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );<BR>Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );<BR>Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );<BR>var speed = -0.06;<BR>var offset = 1;</FONT></P>
<P><FONT color=blue>function spin() {<BR>for ( j = 0 ; j <= 9 ; j++ ) {<BR>Count[j] = Count[j] + (speed*direction); <BR>Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset)); <BR>Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }<BR>setTimeout('spin()',3); }</FONT></P>
<P><FONT color=blue>function run() {<BR>count++; <BR>for ( j = 0 ; j <= 9 ; j++ ) {<BR>difftop[j] = Ypoint[j] - temptoplocation[j];<BR>diffleft[j] = Xpoint[j] - templeftlocation[j];<BR>diff = 30;<BR>temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;<BR>templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;<BR>eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]"

;<BR>eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"

; }<BR>setTimeout('run()', 25) }</FONT></P>
<P><FONT color=blue>badIE = 0;<BR>browserName = navigator.appName.substring(0,8);<BR>browserVer = parseFloat(navigator.appVersion);<BR>macintosh = navigator.userAgent.indexOf("Mac"

;<BR>if (browserName == "Microsof"

{ <BR>if (macintosh != -1) { badIE = 1; }<BR>if (browserVer < 4) { badIE = 1; }<BR>}</FONT></P>
<P><FONT color=blue></SCRIPT></FONT></P>
<P><FONT color=blue><DIV align=center id=a0><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a1><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a2><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a3><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a4><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a5><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a6><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a7><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a8><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR><DIV align=center id=a9><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV><BR></FONT></P>

#2 複製上列語法 - 蛙 (Administrator) 發表於 25-5-2013 16:04

<form name="copy">
<textarea cols="40" name="txt" rows="4" style="BACKGROUND-COLOR:#ffffff; COLOR:#000000; FONT-SIZE:9pt">
<STYLE type=text/css>#a0 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a1 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 96px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a2 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 216px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a3 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 338px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a4 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 460px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a5 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 640px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a6 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a7 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 200px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a8 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 300px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a9 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 25px; LEFT: 600px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
</STYLE>

<body onload="startthedots()">
<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;
var ietopcorner=''
var ieleftcorner=''

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) {
document.body=new Object()
document.body.scrollTop=''
document.body.scrollLeft=''
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) {
ietopcorner=document.body.scrollTop
ieleftcorner=document.body.scrollLeft
layerstart = "document.all.";
layerleft = ".left";
layertop = ".top";
layerstyle = ".style";
windowWidth=600;
windowHeight=400; }
// end error trapping
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;} }
}}

function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
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])); }
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+" = document.body.scrollLeft+templeftlocation["+j+"]"

;
eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"

; }
setTimeout('run()', 25) }

badIE = 0;
browserName = navigator.appName.substring(0,8);
browserVer = parseFloat(navigator.appVersion);
macintosh = navigator.userAgent.indexOf("Mac"

;
if (browserName == "Microsof"

{
if (macintosh != -1) { badIE = 1; }
if (browserVer < 4) { badIE = 1; }
}

</SCRIPT>

<DIV align=center id=a0><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a1><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a2><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a3><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a4><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a5><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a6><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a7><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a8><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
<DIV align=center id=a9><IMG height=9 src="http://www.bunbunhk.com/logo.ico" width=9> </DIV>
</textarea><br>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="全選">
</form>

<br>

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

笨笨網站超級論壇 (綠色版本)