½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > À̹ÌÁö°ü·Ã > ¸ÖƼ·Ñ¿À¹ö À̹ÌÁö »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
Javascript
PHP
asp
CSS
HTML
mysql
jquery
image
Mobile
API
slide
°Ô½ÃÆÇ
¸Þ´º
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
¸ÖƼ·Ñ¿À¹ö À̹ÌÁö
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù À̹ÌÁö°ü·Ã
´Ù¿î·Îµå Ƚ¼ö 761 ȸ
°£´Ü¼³¸í À̹ÌÁö¸¦ ¸¶¿ì½º ·Ñ¿À¹öÇÏ¸é ´Ù¸¥ À̹ÌÁöµµ °°ÀÌ ·Ñ¿À¹ö À̹ÌÁö È¿°ú¸¦ ³ªÅ¸³À´Ï´Ù.
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ
<SCRIPT type=text/javascript> <!-- Original: Mike McGrath - (mike_mcgrath@lineone.net) --> <!-- Web Site: http://website.lineone.net/~mike_mcgrath --> <!-- // preload the swap images var pre=new Image(); pre.src="example01b.gif"; "example02b.gif"; "example03b.gif"; function swp(n) { // netscape 6 rollovers if(navigator.appName=="Netscape" && document.getElementById) { document.getElementById("a").src=(n!=0)?"example01b.gif":"example01a.gif"; document.getElementById("b").src=(n!=0)?"example02b.gif":"example02a.gif"; document.getElementById("c").src=(n!=0)?"example03b.gif":"example03a.gif"; } else // netscape 3, 4, opera 5 and ie 5 rollovers with(document.images) { if(n!=0) { a.src="http://demo.happycgi.com/doobab/multi_rollover/img/example01b.gif"; b.src="http://demo.happycgi.com/doobab/multi_rollover/img/example02b.gif"; c.src="http://demo.happycgi.com/doobab/multi_rollover/img/example03b.gif"; } else { a.src="http://demo.happycgi.com/doobab/multi_rollover/img/example01a.gif"; b.src="http://demo.happycgi.com/doobab/multi_rollover/img/example02a.gif"; c.src="http://demo.happycgi.com/doobab/multi_rollover/img/example03a.gif"; } } } //--> </SCRIPT>
:: ¸ÖƼ ·Ñ¿À¹ö À̹ÌÁö ::

±×¸²¿¡ °¢°¢ ¸¶¿ì½ºÄ¿¼­¸¦ ¿Ã·Áº¸¼¼¿ä. ¿·¿¡ ÀÖ´Â ±×¸²µé±îÁö ÇÔ²² ·Ñ¿À¹ö µË´Ï´Ù.

 

ÀϹÝÀûÀÎ ·Ñ¿À¹ö´Â ±×¸²¿¡ ¸¶¿ì½ºÄ¿¼­¸¦ ¿Ã¸®¸é ±× ±×¸²¸¸ ·Ñ¿À¹ö°¡ µË´Ï´Ù. ÇÏÁö¸¸, ÀÌ ½ºÅ©¸³Æ®´Â ´Ù¸¥ ±×¸²µé±îÁö ¸ðµÎ ·Ñ¿À¹ö ½Ãŵ´Ï´Ù.

 

Èæ¹é±×¸²°ú Ä÷¯±×¸²À» ÀûÀýÈ÷ ÀÌ¿ëÇÑ´Ù¸é ¾îµÎ¿î ¹æ¾È¿¡ »ì¦ ºÒÀÌ µé¾î¿À´Â °Íó·³ ½Åºñ·Î¿î È¿°úµµ ³¾ ¼ö ÀÖ½À´Ï´Ù. ±×¸² Çϳª¿¡¸¸ ·Ñ¿À¹ö ½Ãų ¶§¿Í´Â »ç¹µ ´Ù¸¥ ´À³¦ÀÔ´Ï´Ù.

   
À§¿¡ »ç¿ëµÈ ÃÑ À̹ÌÁö´Â 6ÀåÀÔ´Ï´Ù.

example01a.gif

example01b.gif

example02a.gif

example02b.gif

example03a.gif

example03b.gif

¿ì¼± ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º¸¦ <head>~</head>»çÀÌ¿¡ ¼Ò½º¸¦ ³Ö½À´Ï´Ù.

<script type="text/javascript">
<!-- Original: Mike McGrath - (mike_mcgrath@lineone.net) -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
<!--

// preload the swap images

var pre=new Image(); pre.src="example01b.gif"; example02b.gif"; "example03b.gif";


function swp(n)
{
// netscape 6 rollovers

if(navigator.appName=="Netscape" && document.getElementById)
{
document.getElementById("a").src=(n!=0)?"example01b.gif":"example01a.gif";
document.getElementById("b").src=(n!=0)?"example02b.gif":"example02a.gif";
document.getElementById("c").src=(n!=0)?"example03b.gif":"example03a.gif";
}

else

// netscape 3, 4, opera 5 and ie 5 rollovers

with(document.images)
{
if(n!=0)
{
a.src="example01b.gif"; b.src="example02b.gif"; c.src="example03b.gif";
}
else
{
a.src="example01a.gif"; b.src="example02a.gif"; c.src="example03a.gif";
}
}
}


//-->
</script>

example01a.gif, example02a.gif, example02a.gif ´Â °¢°¢ ¹ÙÅÁ¿¡ ±âº»À¸·Î ±ò¸®´Â ±×¸²ÀÔ´Ï´Ù.
example01b.gif, example02b.gif, example02b.gif ´Â °¢°¢ ¹ÙÅÁ±×¸² À§¿¡ ¸¶¿ì½º°¡ ¿Ã¶ó°¡¸é ³ªÅ¸³ª´Â ·Ñ¿À¹öÀ̹ÌÁöÀÔ´Ï´Ù.

var pre=new Image(); pre.src ·Î ½ÃÀ۵Ǵ ÁÙÀº, ·Ñ¿À¹öÀ̹ÌÁöÀÎ example01b.gif, example02b.gif, example02b.gif¸¦ ÆäÀÌÁö°¡ ·ÎµùµÊ°ú µ¿½Ã¿¡ ¹Ì¸® ºÒ·¯µé¿©¼­ ¹ÙÅÁ±×¸² À§¿¡ ¸¶¿ì½º°¡ ¿Ã¶ó°¬À» ¶§ ¹Ì¸® ºÒ·¯µé¿©Áø ±×¸²ÀÌ ¹Ù·Î ³ªÅ¸³ª°Ô ÇÏ´Â ºÎºÐÀÔ´Ï´Ù.

±×¸²À» Ãß°¡Çϰųª »¬ ¶§´Â var pre=new Image(); pre.src ÁÙ°ú ÆĶõ»ö a, b, c °¡ Æ÷ÇÔµÈ ºÎºÐ¿¡¼­ Ãß°¡Çϰųª »¬ ¼ö ÀÖ½À´Ï´Ù.

¾Æ·¡ a.src=" " ·Î ½ÃÀۺκÐÀº À̹ÌÁöÀÇ °æ·Î¸¦ ÁöÁ¤ÇÏ½Ã¸é µË´Ï´Ù.


<body>~</body>»çÀÌ¿¡ ¾Æ·¡¿Í °°Àº ¹æ¹ýÀ¸·Î ±×¸²À» ¸µÅ©ÇÕ´Ï´Ù

<a href="http://www.happycgi.com" onMouseOver="swp(1)" onMouseOut= "swp(0)"><img name="a" id="a" src="example01a.gif" border="0"></a>

<a href="http://www.happycgi.com" onMouseOver="swp(1)" onMouseOut= "swp(0)"><img name="b" id="b" src="example02a.gif" border="0"></a>

<a href="http://www.happycgi.com" onMouseOver="swp(1)" onMouseOut= "swp(0)"><img name="c" id="c" src="example03a.gif" border="0"></a>

  • http://www.happycgi.com´Â À̹ÌÁö¿¡ ¿¬°áÇÒ ¸µÅ©ÁÖ¼Ò.
  • example01a.gif, example02a.gif, example02a.gif ´Â °¢°¢ ¹ÙÅÁ¿¡ ±âº»À¸·Î ±ò¸®´Â ±×¸²ÀÔ´Ï´Ù.
  • ÆĶõ»ö a, b, c ºÎºÐÀº<head>~</head> ¿¡ µé¾î°¡´Â ¼Ò½º¿Í ¸ÂÃçÁÖ½Ã¸é µË´Ï´Ù.
 
 

³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
µî·ÏµÈ ÀÇ°ßÀÌ ¾ø½À´Ï´Ù.
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 74142213 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.