这个效果怎么做

lucy198204 2008-12-17 04:48:29
http://www.infosys.com/contact/default.asp
跟上面这个网站的效果差不多,鼠标移到地图上时,会有不同的说明.点击说明的时候会去同一页面不同的地方
谢谢
...全文
112 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
easyying 2008-12-18
  • 打赏
  • 举报
回复
up
jankrong 2008-12-18
  • 打赏
  • 举报
回复
其实这个是网站里经常用到的,图像热点链接。在Dreamweaver里很好用的。

<img src="/images/world-map.gif" alt="Infosys Global Presence" width="581" height="348" border="0" usemap="#Map" title="Global Presence"><!--src设置的信息就是显示图片的地址信息。-->
<map name="Map">
<area shape="poly" coords="68,148" href="#"><!--href设置的信息就是链接到另一个页面的链接地址。-->
<area shape="poly" coords="81,178,142,213,144,190,146,184,150,167,179,133,190,106,177,98,179,70,160,50,167,36,180,7,146,3,102,3,86,21,73,49,58,61,30,53,10,58,3,78,10,115" href="americas.asp" alt="Americas - USA | Canada | Mexico" title="Americas - USA | Canada | Mexico">
<area shape="poly" coords="256,153,291,158,318,157,330,137,341,133,342,118,331,96,333,49,333,32,328,11,300,19,228,66,216,87" href="emea.asp" alt="Europe - Belgium | Denmark | Finland | France | Germany | Italy | Norway | Spain | Sweden | Switzerland | The Netherlands | United Kingdom (UK)" title="Europe - Belgium | Denmark | Finland | France | Germany | Italy | Norway | Spain | Sweden | Switzerland | The Netherlands | United Kingdom (UK)"><!--href设置的信息就是链接到另一个页面的链接地址。-->
<area shape="poly" coords="383,184,400,215,455,240,452,276,481,303,544,311,574,264,568,236,492,172,529,125,506,114,378,127,331,146,323,154,350,204" href="apac.asp" alt="APAC - Australia | China | Hong Kong | India | Japan | Mauritius | UAE" title="APAC - Australia | China | Hong Kong | India | Japan | Mauritius | UAE"><!--title或者alt里设置的信息就是鼠标移动上去显示的信息了。-->
</map>
lucy198204 2008-12-18
  • 打赏
  • 举报
回复
好象应该弄一个弹出菜单的,单击时弹出一个菜单,显示AAAA
BBBB
CCCC
点击 AAAA 到AAAA 的緢点
点击 BBBB 到BBBB 的緢点
RJCHEN1985 2008-12-18
  • 打赏
  • 举报
回复
<img src="1.gif" width="500" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="24,55,205,438" href="#aaaaa" title="aaaaa" />
<area shape="rect" coords="303,40,478,426" href="#" title="bbbbb" />
</map>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a name="aaaaa" id="aaaaa">31313123123123</a>


这样就可以啦
泡面之夏 2008-12-17
  • 打赏
  • 举报
回复
UP
晴风smile 2008-12-17
  • 打赏
  • 举报
回复
帮忙顶下~
我是个菜鸟!
lucy198204 2008-12-17
  • 打赏
  • 举报
回复
谢谢CRJJASON
问题是TITLE应该是AAAA
BBBB
CCCC

点击AAAA,去到本页面AAAA标签的地方
点击BBBB,去到本页面BBBB标签的地方
RJCHEN1985 2008-12-17
  • 打赏
  • 举报
回复
<img src="1.gif" width="500" height="500" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="24,55,205,438" href="#" title="aaaaa" /><!--aaaaa就是提示啦-->
<area shape="rect" coords="283,56,458,442" href="#" title="bbbbb" />
</map>
lucy198204 2008-12-17
  • 打赏
  • 举报
回复
关键是说明里是有链接的,比方说北京, 上海,南京等:点击北京,就去本页面里关于北京的公司的说明.
阿云ivan 2008-12-17
  • 打赏
  • 举报
回复
那是图像的热链接
用DW很容易实现这个功能

至于那个提示说明,可以在HTML元素属性title里设置

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧