js弹出隐藏层代码

时间：2022-07-02 14:48:11 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.***w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示：您可以先修改部分代码再运行

<title>no name</title>
<style>
	#show0,#show1,#show2,#tabContent{ display:none; border:1px red solid;}
</style>

<div id="daohang">
    	
        
        
    </div>
    <div id="tabContent">
        <div id="show0">
            <p></p>
            <p>111111111111111111111111</p>
        </div>
        <div id="show1">
            <p></p>
            <p>22222222222222222222222</p>
        </div>
        <div id="show2">
            <p></p>
            <p>333333333333333333</p>
        </div>
    </div>
    <script type="text/javascript">
    	var daohang = document.getElementById('daohang');
		var tabHere = document.getElementById('tabContent');
		for(var i = 0;i<daohang.getElementsByTagName('A').length;i++){
			(function(i){
				var j = i;
				daohang.getElementsByTagName('A')[i].onclick = function(){
					tabHere.style.display = 'block';
					document.getElementById('show' + j).style.display = 'block';
					daohang.style.display = 'none';
				}
			})(i);
		}
		var closeWin = function(id){
				document.getElementById('show' + id).style.display = 'none';
				tabHere.style.display = 'none';
				daohang.style.display = 'block';
			}
    </script>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js弹出隐藏层代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程