ITPub博客

首页 > Linux操作系统 > Linux操作系统 > web学习之html基础--图像映射

web学习之html基础--图像映射

原创 Linux操作系统 作者:nboding 时间:2012-01-31 22:57:45 0 删除 编辑
个人学习笔记,我是菜鸟请多指教
一直从事于数据库工作,想学习下web开发知识,以作记录激励自己不断的学习进步。
1.最基本的图像跳转通过在元素中包含元素实现
2.图像映射,图像映射可以理解为通过点击图像的不同位置来实现不同页面的链接
  • 服务器端图像映射

通过点击图片的不同位置,通过get方式将点击图片位置的像素点x,y发送至后台的处理脚本,经过脚本的处理返回不同的链接。

php示例代码:

map.php:
//var_dump($_GET);
foreach ($_GET as $key=>$value)
{
 $arr = explode(',',$key);
/* 
 echo $arr[0];
 echo '
';
 echo $arr[1];
 echo '
';
*/
if($arr[0]<100 & $arr[1]<100)
 header("location:http://www.baidu.com/");
else
 //echo "";
 header("location:http://www.google.com/");
}
?>

  • 客户端图像映射

无需服务器端脚本处理,在客户端直接实现。

两种方式:

toto

http://www.baidu.com/" target="_self" alt="baidu">
http://www.google.com/" target="_self" alt="google">



http://www.baidu.com/" target="_self">baidu
http://www.google.com/" target="_self">google

 

 

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/25995768/viewspace-715386/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2011-06-28

  • 博文量
    4
  • 访问量
    6845