| [ WWW ] in KIDS 글 쓴 이(By): Lucifer (Siva) 날 짜 (Date): 1997년07월30일(수) 14시20분37초 KDT 제 목(Title): Re: [Q]마우스를 올려놓으면 움직이는 그림? 음.. 이걸 원하시는 건지 잘 모르겠지만.. ^^; 똑같은 그림을 (색깔만 다르게 한다든가) 2개 그려놓고.. 이름은, *_lo.jpg, *_hi.jpg 으로 해 놓으시면 됩니다.. (이미지 포맷은 .jpg 든 .gif 든 상관 없습니다.. ) 마우스가 올라가면 _hi 가 그려지고.. 마우스가 나가면 _lo 가 그려집니다.. 짧게 만든 자바 스크립트도 있던데.. 이게 제일 제너럴 한것 같더군요.. <SCRIPT LANGUAGE="javascript"> <!-- var _safe = false; // perhaps not the best test... function BrowserCan() { var x = navigator.userAgent.indexOf("Mozilla/"); if (x < 0) { return false; } return (navigator.userAgent.substring(x+8,x+9)>=3); } // builtin max() is broken // for an illustration of this, try commenting out the following // function function max(a,b) { return (a >= b) ? a : b; } function basename(s) { var y = s.lastIndexOf("."); if (y < 0) { y = s.length; } return s.substring(max(s.indexOf(":"), s.lastIndexOf("/"))+1, y); } function baseurl(s) { return s.substring(0, max(s.indexOf(":"), s.lastIndexOf("/"))+1); } function extn(s) { var x = s.lastIndexOf("."); if (x <= 0) { x = s.length; } return s.substring(x, s.length); } function makeImg(base, name, ext, w, h) { eval(name + " = new Image(" + w + ", " + h + ")"); eval(name + ".src = \"" + base + name + ext + "\""); } function makeBtn(it) { var base = baseurl(it.src); var ext = extn(it.src); var name = basename(it.src); makeImg(base, name, ext, it.width, it.height); name = name.substring(0, name.indexOf("_lo")) + "_hi"; makeImg(base, name, ext, it.width, it.height); } function BuildImgs() { if (BrowserCan()) { for (var i=0; i<document.images.length; i++) { if (document.images[i].src.indexOf("_lo.") >= 0) { makeBtn(document.images[i]); } } _safe = true; } } if (BrowserCan()) { eval("function hiImg(img) { if (_safe) { document.images[img].src = eval(img + \"_hi.src\"); } }"); eval("function loImg(img) { if (_safe) { document.images[img].src = eval(img + \"_lo.src\"); } }"); } else { eval("function hiImg(img) { }"); eval("function loImg(img) { }"); } //--> </SCRIPT> </head> <body OnLoad="BuildImgs()" bgcolor="#FFFFFF" text="#000080" link="#0000FF" vlink="#800080" alink="#FF0000"> <a href="aa.html" onMouseOver="hiImg('aa')" onMouseOut="loImg('aa')"> <img src="images/aa_lo.jpg" name="aa"></a> 하늘아 무너져라!! |