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

99028 2008-07-10 11:15:47
大众点评网:http://www.dianping.com
切换城市的效果脚本是如何实现的?
...全文
563 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
99028 2008-07-10
  • 打赏
  • 举报
回复
是浏览器的原因了,不是代码。
zzxap 2008-07-10
  • 打赏
  • 举报
回复
<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 2008-07-10
  • 打赏
  • 举报
回复
下面是我现有的代码,可以在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>]
  • 打赏
  • 举报
回复
汗!!浏览器的原因,那就是你的代码不兼容
redcn2004 2008-07-10
  • 打赏
  • 举报
回复
那就结贴吧

28,409

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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