📄 show_hide.html

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

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
		<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
	<script id=clientEventHandlersJS language=javascript>
<!--

function b1_onclick() {
	if(b1.innerText == "+")
	{
		b1.innerText = "-";
		list1.style.display = "block";
	}
	else
	{
		b1.innerText = "+";
		list1.style.display = "none";
		//document.body.all("b1").innerText = "+";
		//document.body.all.b1.innerText = "+";
		//document.body.all.item("b1").innerText = "+";		
	}

}

//-->
</script>
</head>
	<body>
		<P><FONT face="宋体"><span id=b1 style="BORDER: thin ridge;  CURSOR: hand; " language=javascript onclick="return b1_onclick()">-</span>list1</FONT></P>
		<UL id=list1>
			<LI>
				<FONT face="宋体">item1</FONT>
			<LI>
				<FONT face="宋体">item2</FONT>
			<LI>
				<FONT face="宋体">item3</FONT></LI></UL>
		<P><FONT face="宋体">list2</FONT></P>
	</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -