📄 show_hide.html

📁 《JavaScript网页开发体验式学习教程》的源代码

💻 HTML

字号:

<body onload="setInterval('change()',1000)">
<div id=layer1 STYLE="position:absolute; left:200; top:100">一个块</div>
</body>
<script language="javascript">
	var bVisible = true;
	var block;
	var ns = (document.layers) ? true : false;
	var ie = (document.all) ? true : false;
	if(ns)  block = document.layer1;
	else if(ie)  block = layer1.style;
	function showObject(obj)
	{
		if(ns)  obj.visibility = "show";
		else if(ie)  obj.visibility = "visible";
	}
	function hideObject(obj) 
	{
		if(ns) obj.visibility = "hide";
		else if(ie) obj.visibility = "hidden";
	}
	function change()
	{
		if(bVisible)
			showObject(block);
		else
			hideObject(block);
		bVisible = !bVisible;
	}
</script>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -