1. 程式人生 > >javaScript 隱藏與顯示的程式碼

javaScript 隱藏與顯示的程式碼

剛剛看了點javascipt 迫不及待的想聯絡下,想把滑鼠放在一個按鈕上程式設計文字,一移開又變回去。試了好幾種方法都懵逼了,還是得問大神。。。其實大神一寫感覺還是很簡單,,,只是自己太欠缺了。。。。
<html>
	<head>
		<script language="javascript">
			function chg(){
				document.getElementById("btn").style.display="none";
				document.getElementById("str").style.display="block";
			}
			function leave(){
				document.getElementById("str").style.display="none";
				document.getElementById("btn").style.display="block";
			}
		</script>
	</head>
	<body>
		<p id="str" onMouseOut="leave()" style="display:none">hello world!~~</p>
		<input id="btn" type="button" value="ok" onMouseOver="chg()"/>
	</body>
</html>