色调转换滤镜效果.html

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

HTML
32
字号


<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>CSS范例7--Gray and Invert滤镜效果</TITLE>
<meta http-equiv="page-enter" content="revealTrans(duration=3,tansition=23)">
<meta http-equiv="page-exit" content="revealTrans(duration=3,tansition=23)">

<SCRIPT LANGUAGE=javascript>
<!--
 function setGray(){
	obj.style.filter=obj.style.filter=="gray"?"":"gray";

 }
 
 function setInvert(){
	obj.style.filter=obj.style.filter=="invert"?"":"invert";
 }
//-->
</SCRIPT>

</HEAD>
<BODY>

<h4 align="center">Gray滤镜效果</h4>
<div align="center"><img src="1.jpg" id="obj"></div>
<div align="center" style="margin-top:10px"><INPUT type="button" value="灰度/彩色转换" onclick="setGray()">
<INPUT type="button" value="底片/彩色转换" onclick="setInvert()">
</div>
</BODY>
</HTML>

⌨️ 快捷键说明

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