📄 part5_4.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">Option Explicit</P>
<P ALIGN="JUSTIFY">Dim radians </P>
<P ALIGN="JUSTIFY">Sub timeout</P>
<P ALIGN="JUSTIFY">  Dim color</P>
<P ALIGN="JUSTIFY">  radians = radians + 2 * 3.141529/100</P>
<P ALIGN="JUSTIFY">  color = 127 * Sin(radians) + 127</P>
<P ALIGN="JUSTIFY">  div1.style.color = color</P>
<P ALIGN="JUSTIFY">  SetTimeout "timeout()", 100</P>
<P ALIGN="JUSTIFY">End Sub</P>
<P ALIGN="JUSTIFY">&lt;/script&gt;</P>
<P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">&lt;style type="text/css"&gt;</P>
<P ALIGN="JUSTIFY">#div1 { font-size: 40pt; font-weight: bold }</P>
<P ALIGN="JUSTIFY">&lt;/style&gt;</P>
<P ALIGN="JUSTIFY"></P>
<P ALIGN="JUSTIFY">&lt;body onload="timeout()"&gt;</P>
<P ALIGN="JUSTIFY">&lt;div id="div1"&gt;</P>
<P ALIGN="JUSTIFY">Color Changer</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>timeout</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>（）过程通过文件的</FONT><FONT SIZE=3>onload</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>事件进行调用，它更新文本的颜色并再调用</FONT><FONT SIZE=3>SetTimeout()</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>使此过程每隔</FONT><FONT SIZE=3>100</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>毫秒就调用一次，不断更新颜色。颜色值平滑地在</FONT><FONT SIZE=3>0</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>到</FONT><FONT SIZE=3>254</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>之间徘徊，这是通过正弦函数实现的，</FONT><FONT SIZE=3>0</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>代表黑色，而</FONT><FONT SIZE=3>254</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 + -