网页热点区域的设置.doc_第1页
网页热点区域的设置.doc_第2页
网页热点区域的设置.doc_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下：其中。class和id：是分别指定热点的类型和id号。alt：用于设定热点的替代性文字。href：用于设定该热点所链接的url地址。shape和coords：是两个主要的参数，用于设定热点的形状和大小。其基本用法如下：表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） .。标记是在图像地图中划分作用区域的，因此其划分的作用区域必须在图像地图的区域内，所以在用 标记划分区域前必须用HTML的另一个标记来设定图像地图的作用区域，并为指定的图像地图设定名称，该标记的用法很简单，即 . 。下面通过一个例子来说明这两个标记的用法：这里是一幅新书架的图片，要做的效果是：当鼠标点“网址大全”这本书时，新开一窗口，显示关于这本书的简介及订单的网页（urlall.htm）；当鼠标点“网站设计攻略”这本书时，新开一窗口，显示关于这本书的简介及订单的网页（siteall.htm）；当鼠标点“网页技巧大全”这本书时，新开一窗口，显示关于这本书的简介及订单的网页（pagejqlall.htm）。制作方法：1、插入图片，并设置好图像的有关参数，且在标记中设置参数usemap=newbook ismap，以表示对图像地图（newbook）的引用；2、用标记设定图像地图的作用区域，并取名为：newbook；3、分别用标记针对三本书的位置划分出三个矩形作用区域，并设定好其链接参数href。制作完成，本例的源代码如下：在制作本文介绍的效果时应注意的几点：1、在标记不要忘记设置usemap、ismap参数，且usemap的参数值必须与标记中的name参数值相同，也就是说，“图像地图名称”要一致；2、同一“图像地图”中的所有热点区域都要在图像地图的范围内，即所有标记均要在与之间；3、在标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套，避
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论