红绿变色滤镜效果.html

来自「JavaScript特效(新)这里有许多的JAVA特效.供学者参考」· HTML 代码 · 共 37 行

HTML
37
字号


<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>CSS范例2--blur滤镜效果</TITLE>
<style><!--
	#obj {filter:blur();}
--></style>
<SCRIPT LANGUAGE=javascript>
<!--
	function setFilter(){
		obj.filters.blur.direction=document.form1.Direction.value;
		obj.filters.blur.strength=document.form1.Strength.value;
		obj.filters.blur.add=document.form1.Add.value;
	}
//-->
</SCRIPT>

</HEAD>
<BODY>

<h4 align="center">Blur滤镜效果</h4>
<div align="center"><img src="1.jpg"  id=obj></div>
<FORM id=form1 name=form1>
请选择滤镜参数:	
Direction:<INPUT type="text" size="4" id=Direction name=Direction>
Strength:<INPUT type="text" size="4" id=Strength name=Strength>
Add:<SELECT size=1 id=Add name=Add1>
<OPTION value="1">true</OPTION>
<OPTION value="0">false</OPTION>
</SELECT>
<INPUT type="button" value="观看效果" onclick="setFilter()">
</FORM>
</BODY>
</HTML>

⌨️ 快捷键说明

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