|
 |
Ŭ¶ó¿ìµåű×
Javascript PHP CSS ASP HTML jquery MYSQL API image Mobile slide °Ô½ÃÆÇ ¸Þ´º
|
 |
 |
ÇöÀçÁ¢¼ÓÀÚ ¸í |
 |
|
|
|
|
|
 |
Easy Tab Switch Plugin For jQuery - Tabs.js |
|
|
|
 |
¼Ò½ººÐ·ù |
JQuery |
|
 |
´Ù¿î·Îµå Ƚ¼ö |
83 ȸ |
|
|
 |
°£´Ü¼³¸í |
°¡º±°Ô ÅǸ޴º¸¦ ÀÌ¿ëÇϱâ jQuery Ç÷¯±×ÀÎÀÔ´Ï´Ù.
HTML li ű׸¦ ÀÌ¿ëÇÏ¿©,
HTML DOM À̺¥Æ®¸¦ ÀÌ¿ëÇؼ ÅÇ ÄÁÅÙÃ÷¸¦ ÀüȯÇϴµ¥ À¯¿ëÇÕ´Ï´Ù. |
|
|
|
|
|
´Ù¿î·Îµå ¹ÞÀº ¾ÐÃàÆÄÀÏÀ» ÇØÁ¦ÇÑÈÄ,
index.html ÆÄÀÏÀ» À¥ºê¶ó¿ìÀú·Î ¿¾î¼ º¸¸é
»ùÇÃÀ» È®ÀÎÇÏ´Â°Ô °¡´ÉÇÕ´Ï´Ù.

À§ ±×¸²°ú °°Àº ÅǸ޴º¸¦ ȸ鿡 Ç¥½ÃÇØÁÝ´Ï´Ù.
À¥ÆäÀÌÁö¿¡ ÅǸ޴º¸¦ ±¸ÇöÇØ µÐ
ÀÚ¹Ù½ºÅ©¸³Æ®¿Í, HTML¼Ò½ºÄÚµå´Â ¿¹Á¦°¡ ¸Å¿ì ¸¹Áö¸¸,
ÅǸ޴ºÀÇ °³¼ö, Àû¿ëµÇ´Â È¿°ú, ÀÛµ¿ÇÏ´Â À̺¥Æ® µîÀÇ ÀÌÀ¯·Î
´Ù¼Ò ÀÌ¿ëÇϱ⿡ º¹ÀâÇÑ°Ô ¸¹½À´Ï´Ù.
ÀÌ ÇÁ·Î±×·¥Àº ºñ±³Àû °£´ÜÇÏ°Ô »ç¿ëÇÒ ¼ö°¡ ÀÖ¾î¼ À¯¿ëÇÒ°Í °°³×¿ä.

1. À§¿Í °°ÀÌ ul, li ű׷ΠÅǸ޴º ºÎºÐÀ» ¸¸µé°í,
°¢ ÅÇ¿¡ ¿¬°áµÇ´Â ÄÁÅÙÃ÷¸¦ ÄÚµùÇÕ´Ï´Ù.

2. jquery ¿Í tabs.js °¡ ·ÎµùµÇµµ·Ï À§ ű׸¦ ³Ö¾îÁÝ´Ï´Ù.

3. ul ű׿¡ ÁöÁ¤ÇÑ id ¸¦ ÀÌ¿ëÇؼ
À§¿Í °°Àº ½ºÅ©¸³Æ®·Î ÅǸ޴º¸¦ È°¼ºÈ ½Ãų¼ö ÀÖ½À´Ï´Ù.
½ÉÇÃÇÑ ¸¸Å ´Ù¾çÇÑ ±â´ÉÀ» ±¸ÇöÇÏ·Á¸é ¾à°£Àº ¼ÕÀ» ´ë¾ß Çϰڳ׿ä.
ÇÏÁö¸¸, ÅǸ޴º¸¦ ¼Õ½±°Ô ¸¸µé¾î³¾¼ö ÀÖ´Ù´Â ÀåÁ¡Àº Ä¿ º¸ÀÔ´Ï´Ù.
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|