滤镜好像只能实现翻转
CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转
<style type="text/css" >
< !--
.fliph1 { filter: FlipH }
-- >
</style >look
http://www.hongen.com/pc/homepage/css/css0507.htm
CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转
<style type="text/css" >
< !--
.fliph1 { filter: FlipH }
-- >
</style >look
http://www.hongen.com/pc/homepage/css/css0507.htm
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<HTML>
<HEAD>
<TITLE>IMAGESPIN Element</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1">
<META NAME="AUTHOR" CONTENT="dxmwish">
<META NAME="MS.LOCALE" CONTENT="EN-US"><!-- SAMPLE_STYLE_START --><!-- SAMPLE_STYLE_END -->
<XML:NAMESPACE PREFIX="da">
<STYLE>
@media all {
da\:IMAGESPIN { behavior:url(imagespin.htc);}
}
</STYLE>
</HEAD>
<!--TOOLBAR_START-->
<!--TOOLBAR_EXEMPT-->
<!--TOOLBAR_END--><BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<BLOCKQUOTE CLASS="body">
<H2>TEST PIC</H2>
<da:IMAGESPIN ROTATION="60" SRC="test.gif" BORDER="true">
</BLOCKQUOTE>
</BODY>
</HTML>
imagespin.htc
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<!-- Declare properties and default values -->
<PUBLIC:PROPERTY NAME="border" VALUE="false"/>
<PUBLIC:PROPERTY NAME="rotation" VALUE=0/>
<PUBLIC:PROPERTY NAME="src" /><SCRIPT LANGUAGE="JScript">
// Create a DirectAnimation object
var oDA = document.createElement("OBJECT");
oDA.classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D";
oDA.height=250; //height of DA control area
oDA.width=250; //width of DA control area
oDA.title="DirectAnimation Object";
if (border.toUpperCase() == "TRUE") {
oDA.style.borderWidth=2; //set border if specified
oDA.style.borderStyle="solid";
oDA.style.position="relative";
oDA.style.left="10"; //move DA object to the right
}
window.document.body.insertBefore(oDA); //add the DA object to the HTML page
var m = oDA.MeterLibrary; //reference to the statics object (meters)if (src != null) {
var fileImg = m.ImportImage(src); //convert the image into a DAImage
if (rotation > 0) {
//Apply a rotation behavior to the image
var rotImg = fileImg.Transform(m.Rotate2RateDegrees(rotation));
}
else {
var rotImg = fileImg;
}
oDA.Image = rotImg; //set the DA control image to display the rotating image
oDA.Start(); //start the DA control
}
</SCRIPT>+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
你准备一个gif文件,名成为test.gif。三个文件放在同一个目录里面!