p285ieonly_movement2.htm

来自「javascript source code part2」· HTM 代码 · 共 34 行

HTM
34 行
字号 
	<HTML>
	   <HEAD>
	      <STYLE>
	         #zephyr { position: absolute; left: 0; top: 0; z-index: 1;
	                   background-color: yellow;}
	         #sirocco { position: absolute; left: 150; top: 150; z-index: 2; }
	      </STYLE>
	      <SCRIPT>
	         function drift()
	         {
	            var z = document.all.zephyr.style;
	
	            if ( z.pixelLeft == 0 && z.pixelTop == 0 )
	               z.zIndex = ( z.zIndex == 1 ) ? 3 : 1;
	
	            if ( z.pixelTop < 200 && z.pixelLeft == 0 ) z.pixelTop +=5;
	            else if ( z.pixelLeft < 200 && z.pixelTop == 200 ) z.pixelLeft +=5;
	            else if ( z.pixelTop <= 200 && z.pixelTop > 0 ) z.pixelTop -=5;
	            else if ( z.pixelLeft <= 200 && z.pixelLeft > 0) z.pixelLeft -= 5;
	
	            z = document.all.sirocco.style;
	            if ( z.pixelTop < 250 && z.pixelLeft == 150 ) z.pixelTop +=5;
	            else if ( z.pixelLeft < 250 && z.pixelTop == 250 ) z.pixelLeft +=5;
	            else if ( z.pixelTop <= 250 && z.pixelTop > 150 ) z.pixelTop -=5;
	            else if ( z.pixelLeft <= 250 && z.pixelLeft > 150) z.pixelLeft -= 5;
	         }
	      </SCRIPT>
	   </HEAD>
	   <BODY ONLOAD="setInterval('drift()',1)">
	      <IMG ID="zephyr" SRC="balloon.gif">
	      <DIV ID="sirocco"><IMG SRC="balloon.gif"><BR>In, in with a spin!</DIV>
	   </BODY>
	</HTML>

p285ieonly_movement2.htm - 源码说明

本页面展示了「javascript source code part2」中的 p285ieonly_movement2.htm 源码文件，采用 HTM 编程语言编写，共 34 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

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

⌨️ 快捷键说明

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