关于图片热点链接的问题

[ly006404]

各位高手给点思路，像南方报业（http://www.nanfangdaily.com.cn/epaper/21cn/content/20090401/PageJ01NU.htm）这样的图片热点链接功能应该如何实现？分不够在加！

[linaren]

没明白你的意思

[阿非]

热点链接?

[ly006404]

看我发给你们的网站嘛？就是要实现同样的功能，不知道怎么实现，希望大家给点思路。

[wuyq11]

通过图片热区实现
protected System.Web.UI.HtmlControls.HtmlGenericControl mymap;
mymap.InnerHtml="<area shape=\"rect\" coords=\"2,2,100,25\" href=\"../A.aspx\">";
mymap.InnerHtml+="<area shape=\"RECT\" coords=\"100,3,193,24\" href=\"../B.aspx\">";

[syb1045]

图片链接》？
和text连接一样用个超连接？？

[toxxj]

代码取出来了，你自己去分析吧
<TD>
<style type="text/css">
<!--
#mylink {position:relative;}
#mylink a {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;position:absolute;padding:10px;border-width:2px;display:block;text-indent:-9999px;text-decoration:none;background:url("no.gif");}
#mylink a.overlink:hover {border:solid 2px #FF0000;display:block;}
-->
</style>
<div id="mylink" style="z-index:80;position:absolute;">

<a href="ArticelJ01002FM.htm" class="overlink" style="width:128px;height:243px;left:3px;top:301px;"
onmousemove="document.getElementById('floattitle').innerText = '内需来了';" onmouseout="document.getElementById('floattitle').innerText = ''"></a>

<a href="ArticelJ01003FM.htm" class="overlink" style="width:189px;height:150px;left:134px;top:300px;"
onmousemove="document.getElementById('floattitle').innerText = '新兴市场的广告业仍有增长';" onmouseout="document.getElementById('floattitle').innerText = ''"></a>

<a href="ArticelJ01004FM.htm" class="overlink" style="width:190px;height:148px;left:136px;top:143px;"
onmousemove="document.getElementById('floattitle').innerText = '日本将推出强劲经济刺激计划';" onmouseout="document.getElementById('floattitle').innerText = ''"></a>

<a href="ArticelJ01005FM.htm" class="overlink" style="width:260px;height:330px;left:135px;top:120px;"
onmousemove="document.getElementById('floattitle').innerText = '创业板赶考四大配套改革呼之欲出';" onmouseout="document.getElementById('floattitle').innerText = ''"></a>

<a href="ArticelJ01006FM.htm" class="overlink" style="width:257px;height:122px;left:135px;top:457px;"onmousemove="document.getElementById('floattitle').innerText = 'G20峰会不是“希望之窗”';" onmouseout="document.getElementById('floattitle').innerText = ''"></a>

</div>
<img src="../../IMAGE/20090401/PageJ01-398.JPG" id=pagesketch border="1" width="398" useMap=#PageMap>
</TD>

[toxxj]

一个浮动层的相对定位:#mylink {position:relative;}
层中的a标签是绝对定位的: position:absolute;
#mylink a {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;position:absolute;padding:10px;border-width:2px;display:block;text-indent:-9999px;text-decoration:none;background:url("no.gif");}

style="width:257px;height:122px;left:135px;top:457px;" 绝对位置是left:135px;top:457px;

[vigo]

我要看100分的回答