📄 part5_5.cfm

📁 InterDev 6.0教程part1到part13
💻 CFM
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>动态位置</TITLE>
</HEAD>
<BODY>

<B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">动态位置</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">脚本还可以动态改变元素在网页上的位置，下例说明了这一技术，它在网页上显示一串文本，从屏幕的下端移到上端。</P>
<P ALIGN="JUSTIFY"></P>
</FONT><FONT SIZE=3><P ALIGN="JUSTIFY">&lt;script language="vbscript"&gt;</P>
<P ALIGN="JUSTIFY">Sub moveText</P>
<P ALIGN="JUSTIFY">  moveDiv1</P>
<P ALIGN="JUSTIFY">  SetTimeout "moveText()", 40</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">Sub moveDiv1</P>
<P ALIGN="JUSTIFY">  div1.style.posTop = div1.style.posTop - 2</P>
<P ALIGN="JUSTIFY">  if div1.style.posTop &lt; -80 then</P>
<P ALIGN="JUSTIFY">    div1.style.posTop = screen.height</P>
<P ALIGN="JUSTIFY">  end if</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">&lt;/script&gt;</P>
<P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">&lt;body onLoad="moveText()"&gt;</P>
<P ALIGN="JUSTIFY">&lt;div id="div1" style="position: absolute; color: blue; font-size: 60px"&gt;</P>
<P ALIGN="JUSTIFY">This string moves up</P>
<P ALIGN="JUSTIFY">&lt;/div&gt;</P>
<P ALIGN="JUSTIFY">&lt;/body&gt;</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">例中</FONT><FONT SIZE=3>moveDiv1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>（）函数将</FONT><FONT SIZE=3>posTop style</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>属性减</FONT><FONT SIZE=3>2</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，这就造成了文本的移动。若文本的顶端位置等于</FONT><FONT SIZE=3>-80</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，则将</FONT><FONT SIZE=3>posTop</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>属性设为屏幕的高度，即文本又回到屏幕底端。</P>
<P ALIGN="JUSTIFY"></P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>
⌨️ 快捷键说明

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