大众点评网切换城市的效果脚本是如何实现的？

[99028]

大众点评网：http://www.dianping.com
切换城市的效果脚本是如何实现的？

[redcn2004]

那就结贴吧

[一把编程的菜刀]

汗！！浏览器的原因，那就是你的代码不兼容

[99028]

下面是我现有的代码，可以在IE6下运行，但IE7或傲游什么的不就行了，怎么改才对？
<style>
.info
{
position:relative;
background:#ffffff;
text-decoration:none;
}/**//*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.info:hover
{
background:#eeeeee;
color:#333333;}
.info div
{
display: none
}/**//*设置正常下的span为隐藏状态*/
.info:hover div /**//*设置hover下的span属性为呈现状态,并设置提示层的位置*/
{
display:block;
position:absolute;
top: 12px;
left:-10px;
}
</style>
所在城市：<font color="#CC6600">三亚</font>　[<a class="info" href="#">切换城市<div><table width="300" border="0" cellpadding="2" cellspacing="1" bgcolor="#DCE8EF" style="border:#FF9900 1px solid; ">
<tr align="center" bgcolor="#FFFFFF">
<td width="50" bgcolor=""><a href="?ip_city=三亚">三亚</a></td>
<td width="50"><a href="?ip_city=广州">广州</a></td>
<td width="50"><a href="?ip_city=深圳">深圳</a></td>
<td width="50"><a href="?ip_city=重庆">重庆</a></td>
<td width="50"><a href="?ip_city=昆明">昆明</a></td>
<td width="50"><a href="?ip_city=海口">海口</a></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td><a href="?ip_city=北京">北京</a></td>
<td><a href="?ip_city=上海">上海</a></td>
<td><a href="?ip_city=沈阳">沈阳</a></td>
<td><a href="?ip_city=大连">大连</a></td>
<td><a href="?ip_city=哈尔滨">哈尔滨</a></td>
<td><a href="?ip_city=杭州">杭州</a></td>
</tr>
<tr align="center">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>更多...</td>
</tr>
</table>
</div></a>]

[zzxap]

<style>
.info
{
position:relative;
background:#ffffff;
text-decoration:none;
}/**//*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.info:hover
{
background:#eeeeee;
color:#333333;}
.info div
{
display: none
}/**//*设置正常下的span为隐藏状态*/
.info:hover div /**//*设置hover下的span属性为呈现状态,并设置提示层的位置*/
{
display:block;
position:absolute;
top: 12px;
left:-10px;
}
</style>
所在城市： <font color="#CC6600">三亚 </font>　[ <a class="info" href="#">切换城市 <div> <table width="300" border="0" cellpadding="2" cellspacing="1" bgcolor="#DCE8EF" style="border:#FF9900 1px solid; ">
<tr align="center" bgcolor="#FFFFFF">
<td width="50" bgcolor=""> <a href="?ip_city=三亚">三亚 </a> </td>
<td width="50"> <a href="?ip_city=广州">广州 </a> </td>
<td width="50"> <a href="?ip_city=深圳">深圳 </a> </td>
<td width="50"> <a href="?ip_city=重庆">重庆 </a> </td>
<td width="50"> <a href="?ip_city=昆明">昆明 </a> </td>
<td width="50"> <a href="?ip_city=海口">海口 </a> </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td> <a href="?ip_city=北京">北京 </a> </td>
<td> <a href="?ip_city=上海">上海 </a> </td>
<td> <a href="?ip_city=沈阳">沈阳 </a> </td>
<td> <a href="?ip_city=大连">大连 </a> </td>
<td> <a href="?ip_city=哈尔滨">哈尔滨 </a> </td>
<td> <a href="?ip_city=杭州">杭州 </a> </td>
</tr>
<tr align="center">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>更多... </td>
</tr>
</table>
</div> </a>]

[99028]

是浏览器的原因了，不是代码。