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

稿源：互联网 2022-04-19 16:01:54 点击： 2420 撤稿纠错

图片水平翻转后垂直翻反转的特效，旧图片已被删除，需换上图片才能看到更好的效果。

以下讨论的是和特效相关的图片水平翻转后垂直翻反转的特效教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<SCRIPT language="JavaScript" type="text/javascript">
//more javascript from http://www.alixixi.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.alixixi.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.alixixi.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.alixixi.com/images/logo.gif" width="120" height="120" ID="pic">
</th></TABLE>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于图片水平翻转后垂直翻反转的特效的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080714812.shtml方便下次再访问哦。

·上一篇： 图片的马赛克效果显示
·下一篇： 半透明图片移动幻灯片播放效果

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

文章分类LIST >>返回首页

最新游戏

最新新闻