html css js ie6，7 ...问题

tabtab123 2010-03-20 06:29:19

<!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下显示有问题。
如下图所示：

...全文

87 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

tabtab123 2010-03-20

打赏
举报

[Quote=引用 1 楼 plzzz 的回复:]

mouseout mousemove 实际操作起来有很多问题问题的,,IE下有 mouseenter mouseleave 这二个事件,
但在 FF下要自已实现类似的 mouseenter mouseleave 事件,,google上有你自已找下,
如果你用JQuery 插件的话,jQuery 提功 mouseenter 和 mouseleave 二个事件,
[/Quote]
非常感谢，去试试。

plzzz 2010-03-20

打赏
举报

mouseout mousemove 实际操作起来有很多问题问题的,,IE下有 mouseenter mouseleave 这二个事件,
但在 FF下要自已实现类似的 mouseenter mouseleave 事件,,google上有你自已找下,
如果你用JQuery 插件的话,jQuery 提功 mouseenter 和 mouseleave 二个事件,