W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <img src="/i/html/planets.jpg" width="215" height="260" usemap="#planetmap"> <map name="planetmap"> <area id="venus" shape="circle" coords="180,139,14" alt="Venus" href="/demo/tags/venus.html"> </map> <p id="demo"> 坐标 180,139,14 规定右侧（金星）的行星为可点击。<br><br> 单击该按钮可更改图像映射中“金星”区域的坐标。 </p> <button onclick="myFunction()">试一试</button> <script> function myFunction() { document.getElementById("venus").coords = "129,161,10"; document.getElementById("demo").innerHTML = "“venus” 的坐标值从 “180,139,14” 更改为 “129,161,10”。" + "<br>" + "可点击区域已从右侧的行星（金星）移至中间的行星。"; } </script> </body> </html>