图片水平翻转后垂直翻反转的特效-JS特效-爱易网页

图片水平翻转后垂直翻反转的特效

日期：2014-05-18　浏览次数：20227 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<SCRIPT language="JavaScript" type="text/javascript">
//more javascript from http://www.aiyiweb.com
var wdmax=120; 
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="http://www.aiyiweb.com/images/face/image21.gif"; inc=-inc;
}
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="http://www.aiyiweb.com/UploadPic/userface/no1323.jpg"; inc=-inc;
} 
if (ht==wdmax) {
ff="flip";
inc=-inc;
setTimeout("flipflop()",pause);
}
else {
setTimeout("flipflop()",rate);
}
}
}
-->
</SCRIPT>
<center>
<body onLoad="javascript:flipflop()">
<TABLE border="0">
<th width="160" height="160">
<img src="http://www.aiyiweb.com/images/logo.gif" width="120" height="120" ID="pic" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</th></TABLE>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

网络文学竞争白热化百度多酷文学网上线

中移动推动感地带3G网聊卡火拼微信沃卡

联想架构调整后：Think品牌或推智能手机

中国移动承诺再降4G资费网络漫游至50个国家

杨元庆去年总薪酬1.33亿元

欧盟控诉苹果在爱尔兰非法进行税收交易

TD是完成中国梦的一个契机

三星维修新规：Galaxy S4主板进水也收费修

图片水平翻转后垂直翻反转的特效

相关资料更多>

推荐阅读更多>