`
ice-cream
  • 浏览: 330017 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

锚和热点map的用法

    博客分类:
  • Css
阅读更多
链接有两种,一种是不同页面间的链接,这种最常见。另外一种则是页内链接,我们一般称为页内锚链接。
1.加锚链
  定义好“锚”以后,将链接指向锚位置的链接形式如下:
  <a href=″#id″>....</a>,即以#再加上id格式。
  如:
  <a href=″#chapter1″>第一章</a>
  <a href=″#chapter2″>第二章</a>
  <a href=″#chapter3″>第三章</a>
  ..............
  <div id=″chapter1″>
  ...第一章内容..
  </div>
  <div id=″chapter2″>
  ...第二章内容..
  </div>
  <div id=″chapter3″>
  ...第三章内容..
  </div>
或者写成:
  <a name=″chapter1″>
  ...第一章内容..
  </a>
  <a name=″chapter2″>
  ...第二章内容..
  </a>
  <a name=″chapter3″>
  ...第三章内容..
  </a>

2.引用不同页面内的“锚”
  可能有些朋友要问,以上加的锚链都是在同一个页面之间的,如果是一个页面中的锚链接到同站点或另一个网站的另一个页面中的锚怎么办?很简单,形式为:
  <a href=″URL#id″>....</a>
  如 <a href=″http://ice-cream.iteye.com/index.htm#block1″>指向地址: http://ice-cream.iteye.com/index.htm文件的第一部分</a>


热点map的用法
<img src="../images/test.gif" alt="广告图" usemap="#ad" />
<map name="ad">  
    <area shape="rect" coords="59,25,150,125" href="1.htm" title="1"/>  
    <area shape="rect" coords="200,25,295,125" href="2.htm" title="2"/>
</map> 

shape -- 定义热点形状
   shape=rect: 矩形
   shape=circle:圆形
   shape=poly: 多边形

coords -- 定义区域点的坐标
    a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
        例:<area shape=rect coords=100,50,200,75 href="URL">
    b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
        例:<area shape=circle coords=85,155,30 href="URL">
    c.任意图形(多边形):将图形之每一转折点座标依序填入
        例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">


分享到:
评论

相关推荐

    js实现map用法

    Map还提供了一些其他方法,如`has`用于检查某个键是否存在,`size`返回键值对的数量,以及迭代方法如`keys`、`values`和`entries`,它们分别用于获取键、值和键值对的迭代器。 在实际应用中,Map的一个常见用途是在...

    STL中map用法详解 STL中map用法详解 STL中map用法详解

    11. **map的其他方法** - `count(key)`:返回给定键在map中出现的次数(对于map来说总是1或0)。 - `lower_bound(key)`:返回第一个大于或等于给定键的元素的迭代器。 - `upper_bound(key)`:返回第一个大于给定键...

    c++中map的基本用法和嵌套用法实例分析

    下面我们将详细探讨`map`的基本用法和嵌套用法。 ### 一、map基本用法 1. **头文件** 使用`&lt;map&gt;`头文件来包含`map`容器的相关定义。 2. **定义** 可以直接定义一个`map`,如`map, int&gt; my_Map;`。如果需要...

    html中map热点area的使用全部代码和效果,兼容所有浏览器

    本篇文章将深入讲解如何使用`&lt;map&gt;`和`&lt;area&gt;`来创建兼容所有浏览器的图像热点。 首先,`&lt;map&gt;`元素定义了一个图像映射,它不直接显示在页面上,但与`&lt;img&gt;`标签配合使用,为图像提供可交互的区域。例如: ```html...

    m_map用法详解.rar_M map_m_map_m_map sst_matlab世界地图_世界地图 MATLAB

    本文将深入解析m_map的用法,帮助你更好地掌握这一强大工具。 一、m_map工具箱简介 m_map是由Jiro Doke博士开发的MATLAB地图绘图工具箱,它包含了用于地图投影、数据读取、地图要素绘制等功能的函数。m_map不仅...

    Qmap 与map 的用法

    本篇文章将深入探讨`QMap`和`std::map`的用法,以及它们在实际开发中的差异。 首先,我们来看`QMap`。`QMap`是Qt框架的一部分,因此它提供了与Qt其他组件良好的集成,特别适合在Qt应用程序中使用。`QMap`的键和值都...

    java中set、list和map的使用方法实例

    // java中对象容器主要有Set,List和Map三个接口类。 // 迭代器(Iterator)模式,又叫做游标(Cursor)模式。 // GOF给出的定义为:提供一种方法访问一个容器(container)对象中的各个元素, // 而又不需暴露该...

    MAP用法

    【标题】:深入理解STL中的Map容器:基本用法与操作 【描述】:本文将详细介绍STL中Map容器的基础知识,包括Map的定义、内部结构、构造函数以及数据插入的各种方法,帮助读者掌握Map的基本操作。 【标签】:map,...

    Collection,List,Set和_Map用法和区别

    Collection, List, Set 和 Map 用法和区别 Collection 是 Java 中的一种对象...Collection、List、Set 和 Map 等集合类是 Java 中非常重要的一部分,需要深入了解其用法和区别,以便更好地使用集合类来实现业务逻辑。

    jquery开发的地图热点特效-map标签

    【jQuery开发的地图热点特效——Map标签详解】 在Web开发中,地图热点特效是一种常见的交互功能,它可以增强用户体验,使用户能够点击地图上的特定区域获取更多信息或执行特定操作。本篇文章将深入探讨如何利用...

    stl中map用法详解

    STL(Standard Template Library,...熟练掌握`map`的用法,能极大地提升C++编程的效率和代码质量。通过了解插入、查找、更新、删除等基本操作以及遍历和查找辅助函数,开发者可以充分利用`map`的特性来解决实际问题。

    std map容器用法总结

    下面将详细阐述`std::map`的用法及其关键知识点。 1. **定义与初始化**: `std::map`是模板类,通常定义时需要指定键和值的类型。例如,创建一个存储整数键和字符串值的映射,可以这样定义: ```cpp std::map, ...

    STL中map用法详解

    本文将深入解析STL中的`map`用法,帮助你理解其基本概念、操作和应用场景。 1. **map的基本概念** `map`是一个关联容器,它按照键的排序来组织元素。每个元素都是一个键值对,其中键是唯一的,而对应的值可以重复...

    Map里面containsKey的用法

    在Java编程语言中,`Map`接口是集合框架...正确理解和使用这个方法对于编写高效、可靠的Java代码至关重要。在日常编程实践中,确保键对象遵循`equals()`和`hashCode()`的一致性约定,可以确保`Map`操作的正确性和性能。

    map的用法的源代码资源

    在 JavaScript 中,`Array.prototype.map` 方法的用法类似: ```javascript const numbers = [1, 2, 3, 4, 5]; const squaredNumbers = numbers.map((x) =&gt; x * x); console.log(squaredNumbers); // 输出:[1, 4, ...

    List,set,Map 的用法和区别

    Java 集合框架中 List、Set、Map 的用法和区别 Java 集合框架(Java Collections Framework)是 Java 语言中的一个重要组件,提供了一些基本的数据结构和算法来操作和存储数据。其中,List、Set、Map 是三个非常...

    MAP和vector的用法

    `std::map`和`std::vector`的迭代器有`begin()`和`end()`方法,分别返回指向容器第一个元素和超出容器范围的迭代器。迭代器可以用于遍历容器,`++`运算符可以将迭代器移动到下一个元素。在迭代器失效之前(例如在...

    STL中map用法详解 STL中map用法详解

    下面将详细介绍STL中`map`的使用方法。 ### 1. `map`的基本概念 `map`是一个红黑树实现的关联容器,它的每个元素都是一个键值对(key-value pair)。键通常用来唯一标识元素,而值则是与键相关联的数据。`map`保证...

    Scala的Map相关方法整合

    本文将详细介绍Scala中Map的各种方法及其用途,帮助开发者更好地理解和使用这些功能。 #### 1. `def++(xs:Map[(A,B)]):Map[A,B]` 该方法用于合并两个Map。如果两个Map中有相同的键,则当前Map中的值会覆盖参数Map中...

    joinmap使用图文教程.doc

    Joinmap 使用图文教程 Joinmap 是一个功能强大的遗传图绘制...本教程详细介绍了 Joinmap 软件的使用方法,从新建项目到生成连锁遗传图的整个过程。通过遵循本教程,用户可以轻松地使用 Joinmap 软件进行遗传图绘制。

Global site tag (gtag.js) - Google Analytics