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

÷ºÎÆÄÀÏÀÇ ¾ÐÃàÀ» ÇØÁ¦ÇÏ°í ³ª¿À´Â
docs/index.html ÆÄÀÏÀ» À¥ºê¶ó¿ìÀú·Î ¿­¾îº¸¸é µ¥¸ð¸¦ È®ÀÎÇÏ´Â°Ô °¡´ÉÇÕ´Ï´Ù.






µ¥¸ð ÆäÀÌÁö¸¦ ¿­¸é À§¿Í °°ÀÌ
¸î°¡Áö °£´ÜÇÑ »ùÇõ¥¸ð·Î À̵¿ÇÏ´Â ¸µÅ©°¡ ³ª¿É´Ï´Ù.

The simple demo ¸¦ Ŭ¸¯Çϸé,




°£´ÜÇÑ ±×¸²ÀÌ Çϳª ³ª¿À°í
¸¶¿ì½º¸¦ ±×¸²À§¿¡ ¿Ã·Áº¸¸é À§ ±×¸²°ú °°ÀÌ
±×¸² À§¿¡ ƯÁ¤ À§Ä¡°¡ ÇÏÀ̶óÀÌÆÃÀÌ µË´Ï´Ù.



a map of the world ¸¦ Ŭ¸¯Çغ¸¸é




¼¼°èÁöµµ°¡ Ç¥½Ã°¡ µÇ°í,
°¢ ³ª¶ó¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸¸é
Áöµµ»ó¿¡ ÇØ´ç ³ª¶óÀÇ ¿µ¿ª¸¸Å­ÀÌ ÇÏÀ̶óÀÌÆÃÀÌ µË´Ï´Ù.

ÀÌ µ¥¸ð¸¦ À§ÇÑ HTML ¼Ò½ºÄڵ带 ¿­¾î¼­ º¸¸é




¼¼°èÁöµµÀÎ À̹ÌÁöÆÄÀÏ À§¿¡¼­,
Çѱ¹À» ÇÏÀ̶óÀÌÆà Çϱâ À§Çؼ­ ÇÊ¿äÇÑ ÁÂÇ¥µéÀ» Á¤¸®ÇØµÐ°Ô È®ÀÎÀÌ µË´Ï´Ù.
¸¹Àº ³ª¶óµéÀÇ ÁÂÇ¥µéÀ» Á¤¸®ÇÑ ³ë·ÂÀÌ ´ë´ÜÇØ º¸À̳׿ä.


A map of the USA ¸¦ Ŭ¸¯Çغ¸¸é,





¹Ì±¹ÀÇ °¢ ÁÖ¸¦ ±¸ºÐÇصРÁöµµ°¡ Ç¥½ÃµÇ°í,
°¢°¢ÀÇ ÁÖ¸¦ Ŭ¸¯Çϰųª, ¸¶¿ì½º·Î ¿À¹öÇϸé,



ÇØ´ç ÁÖ¸¦ ÇÏÀ̶óÀÌÆà ÇØÁÝ´Ï´Ù.


ÀÌ µ¥¸ð¸¦ À§ÇÑ HTMLÆÄÀÏÀÇ ¼Ò½ºÄڵ带 ¿­¾îº¸´Ï,
¹Ì±¹ÀÇ Áöµµ¸¦ À§Çؼ­,
http://en.wikipedia.org/wiki/Image:Map_of_USA_with_state_names.svg
À§ À̹ÌÁö ÆÄÀÏÀ» ÀÌ¿ëÇß°í, 
°¢°¢ÀÇ ÁÖ¸¦ ±¸ºÐÇϱâ À§ÇÑ ÁöÁ¡À» HTML¼Ò½ºÄÚµå»ó¿¡ Á¤¸®ÇصаԠȮÀÎÀÌ µË´Ï´Ù.




demo_usa.png ¶ó´Â À̹ÌÁö ÆÄÀÏÀ»
wiki »çÀÌÆ®¿¡¼­ ¹Ì±¹ÀÇ Áöµµ¸¦ Çѱ۷ΠÁ¦ÀÛÇصРÀ̹ÌÁö ÆÄÀÏ·Î »ì¦ ±³Ã¼¸¦ Çغ¸´Ï




À§ ±×¸² ó·³ Áöµµ°¡ Çѱ۷Πǥ½Ãµµ µÇ°í,
ÀÌ ¿¹Á¦¸¦ ¸¸µå½Å ºÐÀÌ Á¤¸®ÇصР°¢°¢ÀÇ ÁÂÇ¥µé ´öºÐ¿¡
¹Ì±¹ÀÇ °¢°¢ ÁÖ¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áº¸°Å³ª,
Ŭ¸¯ÇÑ ÁÖ¿¡ ÇØ´çÇÏ´Â À§Ä¡¸¦ ÇÏÀ̶óÀÌÆà ÇØÁִµ¥ ¹®Á¦°¡ ¾ø´Â°É·Î È®ÀÎÀÌ µÇ³×¿ä.



²À Áöµµ¸¦ È­¸é¿¡ Ç¥½ÃÇÏ´Â ¿ëµµ°¡ ¾Æ´Ò¼öµµ Àִ°Ô,




SVG·Î Á¦ÀÛµÈ À̹ÌÁöÆÄÀÏ°ú, °¢ ÁÂÇ¥¸¦ Á¤¸®ÇÏ´Â ³ë·Â¿¡ µû¶ó¼­,
À§ ±×¸²°ú °°Àº °á°ú¹°µµ °¡´ÉÇÏ°Ú½À´Ï´Ù.


Ãâó´Â
https://www.jqueryscript.net/other/Simple-jQuery-Plugin-For-Highlighting-Image-Map-Maphilight.html
ÀÔ´Ï´Ù.


 


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