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> <!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站--> <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>
提示:你可以先修改部分代码再运行。
标签:
南宁电脑维修培训,笔记本芯片级维修,笔记本维修,芯片级维修培训,南宁电脑上门维修,南宁二手笔记本!
姓名 (必填)
邮件 (必填)
验证 (2+5)