<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css" >
*{margin:0;padding:0;}
ul,li{list-style:none;}
/*切换城市*/
#cityblock{margin:30px 0 0 20px;}
#citychoice{position:relative;}
#citychoice span{font-size:13px;display:block;width:60px;text-align:center;height:20px;}
#citychoice span a{display:block;line-height:20px;height:20px;}
#citylist{width:160px;border:1px solid #666;font-size:13px;display:none;position:absolute;left:0px;top:20px;}
#citylist ul{width:160px;}
#citylist ul li{float:left;width:40px;}
#citylist ul li a:link,a:visited{display:block;text-align:center;}
#citylist ul li a:hover{display:block;text-align:center;}
</style>
<script type="text/javascript">
//显示子菜单
function show(id,n)
{
if(n == 1)
{
document.getElementById(id).style.display="block";
}else{
document.getElementById(id).style.display="none";
}
}
</script>
<script src="" type="text/javascript"></script>
</head>
<body>
<!--切换城市部分-->
<div id="cityblock">
<div id="citychoice">
<span onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
<a href="#">切换城市</a>
</span>
<div id="citylist" onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
<ul>
<li><a href="#">郑州</a></li>
<li><a href="#">武汉</a></li>
<li><a href="#">大连</a></li>
<li><a href="#">北京</a></li>
<li><a href="#">上海</a></li>
<li><a href="#">苏州</a></li>
<li><a href="#">南京</a></li>
<li><a href="#">南宁</a></li>
<li><a href="#">成都</a></li>
</ul>
</div>
</div>
</div></body>
</html>
问题:
ff和ie8下显示都正常,只有ie6,7下显示有问题。
如下图所示:
/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css" >
*{margin:0;padding:0;}
ul,li{list-style:none;}
/*切换城市*/
#cityblock{margin:30px 0 0 20px;}
#citychoice{position:relative;}
#citychoice span{font-size:13px;display:block;width:60px;text-align:center;height:20px;}
#citychoice span a{display:block;line-height:20px;height:20px;}
#citylist{width:160px;border:1px solid #666;font-size:13px;display:none;position:absolute;left:0px;top:20px;}
#citylist ul{width:160px;}
#citylist ul li{float:left;width:40px;}
#citylist ul li a:link,a:visited{display:block;text-align:center;}
#citylist ul li a:hover{display:block;text-align:center;}
</style>
<script type="text/javascript">
//显示子菜单
function show(id,n)
{
if(n == 1)
{
document.getElementById(id).style.display="block";
}else{
document.getElementById(id).style.display="none";
}
}
</script>
<script src="" type="text/javascript"></script>
</head>
<body>
<!--切换城市部分-->
<div id="cityblock">
<div id="citychoice">
<span onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
<a href="#">切换城市</a>
</span>
<div id="citylist" onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
<ul>
<li><a href="#">郑州</a></li>
<li><a href="#">武汉</a></li>
<li><a href="#">大连</a></li>
<li><a href="#">北京</a></li>
<li><a href="#">上海</a></li>
<li><a href="#">苏州</a></li>
<li><a href="#">南京</a></li>
<li><a href="#">南宁</a></li>
<li><a href="#">成都</a></li>
</ul>
</div>
</div>
</div></body>
</html>
问题:
ff和ie8下显示都正常,只有ie6,7下显示有问题。
如下图所示:
解决方案 »
- 对页面中的table表进行排序的问题
- 电脑中运行applet小程序,已正确安装JRE,但仍提示需重复安装JRE,该如何用JS检测电脑中是否已安装JRE了呢?
- 点击按钮为什么不进function啊
- 使用原生的JS没用框架读写Cookies有没有浏览器差异?
- 关于js中几个时间的常用操作,请指点
- 刚接触javascript下面的代码是什么意思呀,多谢!!!!!
- 关于window.open()的防止拦截
- 兼容各大浏览器的表单验证插件,求完善,顺便散分
- 如何用script得到网页上用户选中内容中的所有连接的target url?
- 如何获得页面上所有的select下拉框?
- 在遮罩层里面相应出现遮罩层怎么写
- 如何在hmtl中引用别的Html,用iframe俺怕很多浏览器不支持?
但在 FF下要自已实现类似的 mouseenter mouseleave 事件,,google上有你自已找下,
如果你用JQuery 插件的话,jQuery 提功 mouseenter 和 mouseleave 二个事件,