글씨가 돌면서 마우스 따라다님

인터넷관련 2008. 1. 28. 09:45

http://oxtag.com/html/ex/textmouse.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=" kr">
<meta name="description" content="Oxtag는 홈페이지 제작용 태그 및 대화방에서 사용될 수 있는 태그와 슬라이딩메뉴, 자바스크립트 예제, 스타일 시트, 각종 무료정보를 제공하고 있습니다.또한 자바스크립트는 디자인관련, 기능관련 예제로 제공하고 있으며 체계적인 태그강의를 통한 초보에서 진정한 태그강자가 될수 있도록 쉽고 자세하게 태그에 대해서 기술하고있습니다.">
<meta name="keywords" content="태그, oxtag, OXTAG, html, tag, TAG, HTML, 자바스크립트, 자바, javascript, java, JAVASCRIPT, JAVA, 스타일시트, stylesheet, STYLESHEET, 슬라이딩 메뉴, sliding menu, SLIDIG MENU무료, 공짜, 대화방태그, 대화방, 홈페이지제작, 예제, 폭, 퍽, 채팅태그, 채팅, homepage, 정보, 대화방태그, 채팅태그, tip, TIP, 등록, 웹디자인, 웹제작, 웹페이지, 초보, 홈페이지">

<SCRIPT language=JavaScript>
<!--DocOzone's Javascript code, copyright 1999
// --Circling OrangeBalls DHTML script--
// Feel free to borrow and modify this javascript,
// but be sure leave this credit in the source!
// (Please note, the CODE, not the images! :)
// Your pal, -Dr. Thaddeus Ozone-
// http://www.ozones.com/

// this is the initialization and error trapping section

window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
//window.onResize="history.go(0); setup()";
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; }
// 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+" = templeftlocation["+j+"]");
eval(layerstart+"a"+j+layerstyle+layertop+" = temptoplocation["+j+"]"); }
setTimeout('run()', 25) }

if (document.images) {
buttons = new Array(99);
for (m=0; m<=98; m++) { buttons[m] = new Image();}}
names = new Array(
"who","what","how","where",
"work","play","imagesX","interfaces");

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; }
}

//-- end script -->
</SCRIPT>
<STYLE type=text/css>
#a0 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a1 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 96px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a2 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 216px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a3 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 338px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a4 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 460px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a5 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 640px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a6 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: -24px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a7 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 200px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a8 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 300px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}
#a9 {
CLIP: rect(0px 9px 9px 0px); HEIGHT: 9px; LEFT: 600px; POSITION: absolute; TOP: -24px; WIDTH: 9px; Z-INDEX: 2000
}

BODY,TD,SELECT,input,DIV,form,TEXTAREA {color:#ffffff;font-size:9pt;}
body {background-color:#000000}
td { line-height: 18px; font-size : 9pt;}
P,blockquote,td,br {font-size:9pt}

</STYLE>

</head>
<body bgcolor="black" text="white" link="blue" vlink="purple" alink="red" onload="startthedots();">

</body>
</html>

'인터넷관련' 카테고리의 다른 글

마우스 따라다니는 이미지 (0)	2008.01.28
마우스 따라 다니는 이미지 (0)	2008.01.28
마우스 오버시 이미지 서서히 변하게 하는 소스 2 (0)	2008.01.28
링크된 곳에 마우스 오버시 칼러 생기게하기 (0)	2008.01.28
글씨가 무자게 커진당! (0)	2008.01.28
글씨가 왼쪽에서 오른쪽 끝으로 사라집니다. (0)	2008.01.28
이미지 소스보기 금지태그 (0)	2008.01.24
마우스를 대면 이미지가 변신합니다 1 (0)	2008.01.24

Posted by 알 수 없는 사용자

QT그리고···

글씨가 돌면서 마우스 따라다님

'인터넷관련' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바


	by Redvirus

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31