(11)html图像映射

本文介绍了HTML图像映射的概念,通过服务器端和客户端两种方式实现图像不同区域的交互功能。服务器端图像映射利用ismap属性,将鼠标坐标发送到服务器进行处理;客户端图像映射则通过usemap、map和area元素定义,配合shape和coords属性指定区域形状和位置,href属性链接点击后的目标页面。
摘要由CSDN通过智能技术生成

图像映射可以将图像划分为不同的区域,每个区域可以进行不同的操作。比如一个建筑场景地图,当点击客厅位置,可以弹出客厅的详细设计或图片,点击厨房则是厨房的设计。

根据识别点击热点位置的不同,图像映射可以分为两类:服务器端图像映射和客户端图像映射。

(一)服务器端图像映射:

当用户在 ismap 图像上单击了某处时,浏览器会自动把鼠标的 x、y 位置(相对于图像的左上角)发送到服务器端。特殊的服务器端程序(在本例中是../index.php 程序)可以根据这些坐标来做出响应。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
	<head>
		<meta charset="ut
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值