js实现图片翻转显示效果，有左右翻转和上下翻转显示特效，这个图片翻转显示立体感很强，结合自己的需求来修改即可。
<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="https://www.wuming.ren/img/20240423_www_wuming_ren_42.jpg"; inc=-inc;
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
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="https://www.wuming.ren/img/20240423_www_wuming_ren_42.jpg"; inc=-inc;
}
if (ht==wdmax) {
ff="flip";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
}
-->
</SCRIPT>
<center>
<body onLoad="javascript:flipflop()">
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<TABLE border="0">
<th width="160" height="160">
<img src="https://www.wuming.ren/img/20240423_www_wuming_ren_42.jpg" width="400" height="300" ID="pic" style="cursor:pointer;"/>
</th></TABLE>
</body>本文来自武鸣人网站，转载请注明出处