CSS让指定的图片实现水平/翻转特效

代码简介:

CSS的Alpha滤镜效果,再配合JS来控制水平或者是垂直翻转,还是很实用的。

代码内容:

View Code
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE>CSS让指定的图片实现水平/翻转特效 - www.webdm.cn</TITLE>

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

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

</HEAD>
<BODY>

<h4 align="center">Alpha滤镜效果</h4>
<div align="center"><img src="http://www.webdm.cn/images/20091108/fan.jpg" id="obj"></div>
<FORM id=form1 name=form1>
请选择滤镜参数:

<INPUT type="button" value="水平翻转" onclick="setFliph()">
<INPUT type="button" value="垂直翻转" onclick="setFlipv()">

</FORM>
</BODY>
</HTML>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有

质量的网页代码!</p>

 

代码来自http://www.webdm.cn/webcode/80d4e3cb-9185-447b-af5e-9f9412a9164b.html

posted @ 2012-03-29 11:36  网页代码站  阅读(994)  评论(0编辑  收藏  举报