|
|
Ŭ¶ó¿ìµåű×
Javascript PHP asp CSS html mysql jquery image Mobile API slide °Ô½ÃÆÇ ¸Þ´º
|
|
|
ÇöÀçÁ¢¼ÓÀÚ ¸í |
|
|
|
|
|
|
|
[jquery] jTippy tooltip plugin |
|
|
|
|
¼Ò½ººÐ·ù |
JQuery |
|
|
´Ù¿î·Îµå Ƚ¼ö |
50 ȸ |
|
|
|
°£´Ü¼³¸í |
jQuery ÅøÆÁ Ç÷¯±×ÀÎ. ¶Ù¾î³ ¹ÝÀÀ Çü ¹èÄ¡·Î »ç¿ë ¹× ±¸¼ºÀÌ ½±½À´Ï´Ù. |
|
|
|
|
|
* jTippy tooltip plugin
- jQuery ÅøÆÁ Ç÷¯±×ÀÎ. ¶Ù¾î³ ¹ÝÀÀ Çü ¹èÄ¡·Î »ç¿ë ¹× ±¸¼ºÀÌ ½±½À´Ï´Ù.
¿øÇÏ´Â ¿µ¿ª¿¡ ÅøÆÁÀ» Ãß°¡ÇÏ¿© ¹®±¸¸¦ º¸¿©ÁÖ°í ¹®±¸¸¦ º¸¿©ÁÖ´Â µ¿½Ã¿¡
hover, focusÈ¿°ú, background ¿¡ ´ëÇÑ ¿µ¿ªÀ» black, blur ¿Í °°Àº
È¿°ú¸¦ ÁÖ¾î ÅøÆÁÀ» ´õ µ¸º¸ÀÌ°Ô ¸¸µé ¼ö ÀÖ½À´Ï´Ù
* »ç¿ë¹æ¹ý
÷ºÎµÈ ¾ÐÃàÆÄÀÏÀ» ´Ù¿î¹Þ¾Æ ¿øÇÏ´Â À¥µð·ºÅ͸®¿¡ ¾ÐÃàÀ» ÇØÁ¦ÈÄ
html ¹®¼»ó¿¡ ¾Æ·¡¿Í °°Àº ÇüÅ·ΠÄڵ带 »ðÀÔÇϵµ·Ï ÇÕ´Ï´Ù
ÄÚµå»ó´Ü css Ãß°¡
ÄÚµåÇÏ´Ü js Ãß°¡
À§¿Í °°ÀÌ Ç÷¯±×Àΰü·Ã css ¹× js¸¦ ÀÛ¼ºÇÏ°í
º»¹® ÄÚµåÁß´Ü¿¡ ¾Æ·¡¿Í °°ÀÌ ÅøÆÁÈ¿°úµéÀ» Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù
click, hover, focus , hover+focus Äڵ带 Àû¿ëÇÒ¶§
ÅøÆÁ ¹× ¹é±×¶ó¿îµå È¿°ú
À§ÀÇ È¿°ú¿Ü¿¡ ÅøÆÁ¿µ¿ªÀ» ÀÛ°Ô ¶Ç´Â Å©°Ô, Ä÷¯¸¦ º¯°æÇϴµîÀÇ È¿°ú¸¦ ÁÙ ¼ö ÀÖÀ¸´Ï
½Ã°¢ÀûÀÎ È¿°ú°¡ ÇÊ¿äÇÑ ÆäÀÌÁö ¿µ¿ª¿¡ µµ¿òÀÌ µÇ°Ú½À´Ï´Ù
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|