js实现图片翻转显示特效

作者:sky 点击:542 评论:0 发布时间:周日, 05/04/2014 - 12:00 所属分类:图像特效

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="/ad/3.gif"; 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="/ad/2.gif"; 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="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <TABLE border="0"> <th width="160" height="160"> <img src="/ad/1.gif" width="400" height="300" ID="pic" style="cursor:pointer;"/> </th></TABLE> </body>

提示：你可以先修改部分代码再运行。

顶一下

(0)

100%

踩一下

(0)

100%

标签: