指引网

当前位置: 主页 > 网页制作 > WEB开发 >

js 兼容多浏览器的显示隐藏层

来源:网络 作者:佚名 点击: 时间:2017-07-19 00:34
[摘要] js 兼容多浏览器的显示隐藏层 html xmlns=http://www.111cn.net/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titlejs 兼容多浏览器的显示隐藏层/title script language=javascript教程 function show

js 兼容多浏览器的显示隐藏层
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js 兼容多浏览器的显示隐藏层</title>

<script language="javascript教程">
  function showCity_div()
        {
            document.getElementById("City_div").style.display = "block";
        }
  
        function hideCity_div()
        {
            document.getElementById("City_div").style.display = "none";
        }
</script>

 

<style type="text/css教程">
 #City_div{
  height:200px;
  border:1px solid #0099CC;
  width:300px;
 }
</style>


</head>

<body>

<a href="#" onMouseOver="showCity_div()">显示层</a>
<a href="#" onMouseOver="hideCity_div()">隐藏层</a>
<div id="City_div">
 js 兼容多浏览的显示隐藏层,本文章原创www.111cn.net于转载注明出处
</div>


</body>
</html>

------分隔线----------------------------