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

时间：2009-03-06 15:33:00　

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

<SCRIPT language="JavaScript" type="text/javascript">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="https://www.aspxhome.com/images/logo.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="https://www.aspxhome.com/images/logo.gif"; 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="https://www.aspxhome.com/images/logo.gif" width="120" height="120" ID="pic"></th></TABLE>

翻转特效二：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> body img{border:3 gold ridge} </style> //给图片加上边框的CS代码 <title>用Javascript使网页图片产生旋转效果</title> <script language="javascript"> var i=0; 　function playImg() 　{ image.style.filter="progid:DXImageTransform.Microsoft.BasicImage( Rotation="+i+")"; i++; if (i>4) {i=1}; 　 mytimeout=setTimeout("playImg()",1500); 　 } </script> //以上是使图片实现四个方向转换的代码 </head> <body bgcolor="#FFFFFF" text="#000000" onload="playImg()"> //修改body为加载就显示效果 <img src="https://www.aspxhome.com/images/logo.gif" width="120" height="120" name="image"> </body> </body> </html>

翻转特效三，手动翻转图片效果源码：

标签：翻转,图片,特效,JavaScript

投稿

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

猜你喜欢

jquery 使用点滴函数代码

SQL Server日志清除的两种方法教程简介

MySQL分区的功能和限制讲解

成功实现ajax,xmlhttp跨域访问（php，asp，jsp）

Oracle数据库快照的使用

IE8将是IE的最后一个版本？

Host localhost is not allowed to conn

黑客谈 MSSQL SA权限入侵的感悟

为什么要进行CSS缩写？

技术性击倒与抬杠

使用xmlhttp为网站增加股市行情查询功能

ajax+asp无限级分类树型结构

6款jQuery图表插件[译]

下拉框二级联动的JavaScript代码

asp FSO组件操作详解

HTML在线编辑器的原理分析（整理）

web标准知识——美化段落文本 Ⅱ

asp代码WinHttp.WinHttpRequest.5.1使用例子

设计评论表单[译]

谈谈网页设计中的字体应用 (3) 实战应用篇·上