css滤镜特效怎样翻转图片

发布网友发布时间：2022-04-06 11:23

共1个回答

热心网友时间：2022-04-06 12:52

建议楼主用js实现。css滤镜只有ie支持。 <SCRIPT language="JavaScript" type="text/javascript">
var wdmax=400;
var wdmin=0;
var inc=5;
var rate = 50;
var pause = 1000;
var ff="flip";
function flipflop() {
if (ff=="flip") {
var wd = pic.width;
wd = wd - inc;
pic.width=wd;
if (wd==wdmin) {
pic.src="/image/3.jpg"; inc=-inc;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if (wd==wdmax) {
ff="flop";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}
else {
var ht = pic.height;
ht = ht - inc;
pic.height=ht;
if (ht==wdmin) {
pic.src="/image/2.jpg"; inc=-inc;
}
if (ht==wdmax) {
ff="flip";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
}
-->
</SCRIPT>
<center>
<body onLoad="javascript:flipflop()">
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<TABLE border="0">
<th width="160" height="160">
<img src="/image/1.jpg" width="400" height="300" ID="pic" style="cursor:pointer;" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</th></TABLE>
</body>