图像的反色效果-JS特效-爱易网页

图像的反色效果

日期：2014-05-18　浏览次数：20276 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<html>

<head>
<title>爱易网网页特效演示，图像的反色效果</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<style type="TEXT/CSS">.cool {
	BORDER-BOTTOM-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; CURSOR: hand; FONT-SIZE: 9pt
}
A {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
TD {
	FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
TH {
	FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
BODY {
	FONT-SIZE: 9pt; LINE-HEIGHT: 13pt
}
.FInvert {
	FILTER: Invert
}
.FXray {
	FILTER: xray
}
</style>
</head>

</td>
          </tr>
          <tr vAlign="top">
                <td width="524">
                  <div align="center">
                    <img align="middle" height="209" src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" width="150" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> 
                    => 
                    <img 
            align="middle" class="FInvert" src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" width="151" height="208" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>  
            <img align="middle" class="FXray" height="205" src="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg" width="148" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

</div>
                  </td>    
                <td width="1"></td>
          </tr>
</TBODY>
        </table>
          </td>
      </tr>
</TBODY>
    </table>
    </td>
  </tr>
  <tr align="right">
    <td width="530" height="1">
    </td> 
  </tr> 
</table> 
</center>
</body> 
</html>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

图像的反色效果

相关资料更多>

推荐阅读更多>