📄 waveword.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码
💻 HTM
字号:
<html>
<head>
<title>CSS Filter Effects - Wave effect Wizard</title>
<style>
.box{border:0}
.9pt{font-size:9pt;color:red}
.40pt{font-size:40pt;font-family:文鼎琥珀繁;color:#de3076}
.20pt{font-size:20pt;font-family:文鼎行楷碑体;color:#0099CC}
</style>
</head>

<body bgcolor="ffffff" link="1ED21E" vlink="808080" onload=foo()>
<!--sequencer object-->
<OBJECT ID="Seq" 
CLASSID="CLSID:B0A6BAE2-AAF0-11D0-A152-00A0C908DB96">
</OBJECT>
<center>
<font class="40pt">文字波浪</font></center>
<font class=20pt>滤镜的参数设置:</font>
<font class=9pt> &nbsp;内容:
<select name = "site" size = 1>
<option value = "<div><font color=#9999ff face='Geometr885 BT' size=+3>Some example text.<br> There are many possible sites for filters; <br> this is an example of filtering text.  <br>You can apply filters to a myriad of sites<br></font></div>">Text
</select>&nbsp;strength: 
<input type="text" name="filtstrength" value="13" size="2" class=box>
&nbsp;frequency: 
<input type="text" name="freq" value="10" size="2" class=box>
&nbsp;light: 
<input type="text" name="ltstr" value="20" size="2" class=box>
&nbsp;additive: 
<input type="text" name="addit" value="0" size="2" class=box>
&nbsp;phase: 
<input type="text" name="faze" value="90" size="3" class=box>
&nbsp;Animated: 
<input type="checkbox" name="filtanim" checked class=box>
<p>
<script language="JavaScript">
<!--
var phaseme = 0;
function foo(){
	string1="<HTML> \n <HEAD> \n";
	if(filtanim.checked){
		string2="<SCRIPT FOR=window EVENT=onload LANGUAGE=JavaScript> \n var phaseme = 0; \n phaseit(); \n </script> \n <script language=\"javascript\"> \n function phaseit(){ \n phaseme = (phaseme + 10) % 100; \n flttgt.filters[0].phase = phaseme;\n } \n</script> \n";
	}else{
		string2="";
	}
	string3="</HEAD>\n \n";
	string4="<BODY> \n <div id=\"flttgt\" style=\"position:relative;width:350;height:150;top:20;left:20;text-align:center;filter:wave(strength=" + filtstrength.value + ", freq=" + freq.value + ", lightstrength=" + ltstr.value + ", add=" + addit.value + ", phase=" + faze.value + ")\"> \n";
	string5= site.value + "\n";
	string6="</div> \n";
	string7="</BODY> \n </HTML>";

	bigstring=string1+string2+string3+string4+string5+string6+string7;
	
	document.displayframe.document.body.innerHTML=bigstring;
	window.setTimeout("spawn()", 1000, "javascript");
	document.displayframe.flttgt.filters[0].lightstrength = ltstr.value;
}
function spawn(){
	if (filtanim.checked){
		phaseme = (phaseme + 10) % 100;
		document.displayframe.flttgt.filters[0].phase = phaseme;
		window.setTimeout("spawn()", 0200, "javascript");
	}
}
-->
</script>
<iframe id="displayframe" name="showmeresult" src="word.htm" 
       STYLE="position:relative; width:400; height:400; left:300;align:center">
</iframe>
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>
⌨️ 快捷键说明

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