Image Map

最新推荐文章于 2024-06-22 09:41:11 发布

杨过悔

最新推荐文章于 2024-06-22 09:41:11 发布

阅读量333

点赞数

分类专栏： html编程笔记

html编程笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

usemap是img标签的一个属性,用来处理img不同坐标的事件

使用例子

<html>
   
   <head>
      <title>Using JavaScript Image Map</title>
      
      <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>
      
      <!-- Create  Mappings -->
      <img src="/images/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="/perl/index.htm" alt="Perl Tutorial"
            target="_self" 
            onMouseOver="showTutorial('perl')" 
            onMouseOut="showTutorial('')"/>
         
         <area shape="rect" 
            coords="22,83,126,125"
            href="/html/index.htm" alt="HTML Tutorial" 
            target="_self" 
            onMouseOver="showTutorial('html')" 
            onMouseOut="showTutorial('')"/>
         
         <area shape="circle" 
            coords="73,168,32"
            href="/php/index.htm" alt="PHP Tutorial"
            target="_self" 
            onMouseOver="showTutorial('php')" 
            onMouseOut="showTutorial('')"/>
      </map>
   </body>
</html>

杨过悔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Image Map

usemap是img标签的一个属性,用来处理img不同坐标的事件使用例子 Using JavaScript Image Map <!-- function showTutorial(name){ document.myform.stage.valu
复制链接

扫一扫