?? 色調轉換濾鏡效果.html
字號:
<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 + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -