experiment8.htm

来自「动态网页设计,在DreamweaverMX下使用的动态网页设计语言」· HTM 代码 · 共 55 行

HTM
55 行
字号 
<html>
	<head>
	<title>experiment8</title>
		<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<style>
.Item {
   cursor: hand;
   font-family: verdana;
   font-size: 20;
   font-style: normal;
   background-color: darkgray;
   color: white
 }
.Highlight {
   cursor: hand;
   font-family: verdana;
   font-size: 20;
   font-style: italic;
   background-color: dimgray;
   color: yellow
 }
		</style>
	
		</head>
	<body>
		<div id=div1><span class=Item>Milk</span>
<span class=Item>Cookies</span>
<span class=Item>Eggs</span>
<span class=Item>Ham</span>
<span class=Item>Cheese</span>
<span class=Item>Pasta</span>
<span class=Item>Chicken</span></div>
	<script>
		
function rollon() {
  if (window.event.srcElement.className == "Item") {
     window.event.srcElement.className = "Highlight";
  }
}
div1.onmouseover=rollon;
//document.onmouseover = rollon;

function rolloff() {
  if (window.event.srcElement.className == "Highlight") {
     window.event.srcElement.className = "Item";
  }
}

div1.onmouseout = rolloff;
//document.onmouseout = rolloff;
		</script>	
	</body>
</html>

experiment8.htm - 源码说明

本页面展示了「动态网页设计,在DreamweaverMX下使用的动态网页设计语言」中的 experiment8.htm 源码文件，采用 HTM 编程语言编写，共 55 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与动态网页相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?