图片的映射(点击图片某位置进行跳转)
2016-08-31 19:33
197 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script type="text/javascript">
function show(){
window.alert('你点击了巨型');
}
</script>
<body>
<br><br><br><br><br><br><br><br><br><br><br>
<center>
<img src="1.png" alt="" width="300px" usemap="#abc">
<center>
<map name="abc">
<area shape="rect" onclick="show();" coords="180,130,295,180" href="zhishi.html" alt="">
</map>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script type="text/javascript">
function show(){
window.alert('你点击了巨型');
}
</script>
<body>
<br><br><br><br><br><br><br><br><br><br><br>
<center>
<img src="1.png" alt="" width="300px" usemap="#abc">
<center>
<map name="abc">
<area shape="rect" onclick="show();" coords="180,130,295,180" href="zhishi.html" alt="">
</map>
</body>
</html>
相关文章推荐
- JS图像映射的应用,在一个图片点击或移动到不同位置有不同响应
- jQuery获取当前鼠标相对位置坐标和点击图片跳转上一张或下一张功能
- 给gridview增加行链接,点击行任意位置进行跳转
- IOS实用图片无限轮播 点击图片进行跳转
- 如何实现在一个界面上点击不同的位置,会有跳转到不同的Activity上(假设背景是一个图片)
- JS图像映射的应用,在一个图片点击或移动到不同位置有不同响应
- iOS开发有用代码(有判断邮箱格式是否正确的代码、图片压缩、亲测可用的图片上传代码和实现点击图片进行跳转的代码等。)
- GridView及点击图片跳转页面总结
- [jQuery]地图浏览:如何实现图片的放大缩小和点击之后的位置居中
- gridview里面点击某一数据进行跳转
- 点击图片随机移动位置
- 网页右下角有广告图片,通过点击进行切换
- 织梦DEDECMS 点击图片跳转下一页
- 点击按钮跳转带指定的位置
- ctrl+左键点击一个函数名,跳转到另一个文件,如何返回原位置?
- 点击<a></a>标签时,不进行跳转页面的方法
- [jQuery]地图浏览:如何实现图片的放大缩小和点击之后的位置居中
- 页面同一位置重叠多张图片,鼠标点击切换特效
- 在Android系统的"图库"中点击某张图片进行分享,在自己的应用程序中如何获取那张图片的路径?
- 用JQ中的fadeOut和fadeIn方法,当点击上一张和下一张按钮时进行图片的切换~