<html> <head> <title>Using JavaScript Image Map</title> <base href="//www.jiyik.com/" target="_blank" > <script type = "text/javascript"> <!-- function showTutorial(name) { document.myform.stage.value = name } //--> </script> </head> <body> <form name = "myform"> <input type = "text" name = "stage" size = "20" /> </form> <!-- 创建映射 --> <img src = "demo_source/usemap.gif" alt = "HTML Map" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape="poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "javascript:;" alt = "Perl 教程" target = "_self" onMouseOver = "showTutorial('perl')" onMouseOut = "showTutorial('')"/> <area shape = "rect" coords = "22,83,126,125" href = "w/html" alt = "HTML 教程" target = "_self" onMouseOver = "showTutorial('html')" onMouseOut = "showTutorial('')"/> <area shape = "circle" coords = "73,168,32" href = "w/php" alt = "PHP 教程" target = "_self" onMouseOver = "showTutorial('php')" onMouseOut = "showTutorial('')"/> </map> </body></html>