首页 > 代码库 > 图像映射

图像映射

2024-07-30 18:43:01   211人阅读

框用列表，列表项增加title属性，给每个<li>设置ID或class

div：长宽、相对定位

ul：margin、padding设置为0，去掉项目符号

链接：绝对定位、设为块元素，指定长宽， text-indent: -1000em;  /*去掉链接文字*/

链接:hover 边框

div 类名 a { top: 50px; left: 80px;}

 

flickr风格

    <a href="http://twitter.com/nicepaul" title="Paul Annett">    <span class="outer">    <span class="inner">    <span class="note">Paul Annett</span>    </span>    </span>    </a>

 

 

远距离翻转

在锚链接内嵌套一个或多个元素，使用绝对定位对嵌套的元素分别定位。它们都包含在同一个父锚，可以对同一个鼠标悬停事件反应。

<li class="paul">    <a href="http://twitter.com/nicepaul" title="Paul Annett">    <span class="hotspot"></span>    <span class="link">&raquo; Paul Annett</span>    </a></li>

 

图像映射


联系
我们