½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > ¸¶¿ì½ºÈ¿°ú > ¸¶¿ì½ºÀ̺¥Æ® ½ºÅ©·Ñ »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
Javascript
PHP
html
ASP
mysql
CSS
Mobile
image
jquery
slide
¸Þ´º
�޴�
2023
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
¸¶¿ì½ºÀ̺¥Æ® ½ºÅ©·Ñ
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù ¸¶¿ì½ºÈ¿°ú
´Ù¿î·Îµå Ƚ¼ö 941 ȸ
°£´Ü¼³¸í ¸¶¿ì½º ÁÂ¿ì ¿òÁ÷ÀÓ¿¡ µû¶ó ¹Ú½º¾ÈÀÇ ³»¿ëÀÌ ½ºÅ©·ÑµÇ´Â °ü·Ã ½ºÅ©¸³Æ®ÀÔ´Ï´Ù.
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
ȨÆäÀÌÁö¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ

<html>
<head>
<title>ÇØÇÇCGI</title>
<style type="text/css">
#container{
    width: 500px;  /* º¸ÀÌ´Â ¿µ¿ª °¡·ÎÅ©±â*/
    height: 220px;  /* º¸ÀÌ´Â ¿µ¿ª ¼¼·ÎÅ©±â*/
    border: 8px solid #FFF;
    overflow: auto;
    margin: 0 auto;
    overflow-x:hidden;
    overflow-y:hidden;
    margin-top:30px;
}

.main-content {
    width: 2055px;  /* ³»¿ëºÎºÐÀÇ Àüü °¡·ÎÅ©±â */
    height: 180px;  /* ³»¿ëºÎºÐÀÇ Àüü ¼¼·ÎÅ©±â */
    padding:5px;
    background:#CCCCCC;
}

.section{
    margin:0 0 0 0;
    width:200px; /* ·¹À̾·ÎÅ©±â */
    float:left;
    margin-right:5px; /*·¹À̾î¿Í ·¹ÀÌ¾î »çÀÌ °£°Ý*/
 cursor:hand; /* ¸¶¿ì½ºÄ¿¼­Ç¥½Ã */
}
h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:28px;}

</style>
<script type="text/javascript" src="js/mootools.svn.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var scroll2 = new Scroller('container', {area: 100, velocity: 1});

// container
$('container').addEvent('mouseover', scroll2.start.bind(scroll2));
$('container').addEvent('mouseout', scroll2.stop.bind(scroll2));
});
</script>
</head>

<body>
<div id="container">
 <div class="main-content">
  <div class="section">
   <img src="image/s1.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s2.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s3.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s4.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s5.jpg" border=0>
  </div>

  <div class="section">
   <img src="image/s1.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s2.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s3.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s4.jpg" border=0>
  </div>

  <div class="section">
  <img src="image/s5.jpg" border=0>
  </div>

 

 </div>
</div>
</body>
</html>


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