图片变形扭曲特效js脚本

时间：2008-11-20 12:57:00　

一个js代码，图片实时变形

一幅图片,长度\宽度之大小与比例都不停地变化,如同哈哈镜的效果,很能引人注目,用在网页上,可以给人意外的惊喜!

<html><head><title>图片变形扭曲脚本 - 网页特效</title><style type="text/css">BODY {FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px}A {COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none}A:hover {COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline}A:active {COLOR: #ff0033; CURSOR: hand; FONT: 9pt "宋体"}</style><meta content="text/html; charset=gb2312" http-equiv="Content-Type"></head><body bgColor="#FEF4D9" onload="fade()"><font color="red" face="隶书" size="6"><p align="center">图片变形扭曲</font><br></p><div align="center"><center><table border="1" borderColor="#000000" borderlight="green" width="398" style="border-collapse: collapse" cellpadding="0" cellspacing="0"><TBODY><tr><td align="middle" width="392"><font size="3"><strong style="font-weight: 400"> 一幅图片,长度\宽度之大小与比例都不停地变化,如同哈哈镜的效果,很能引人注目,用在网页上,可以给人意外的惊喜!下面为效果显示区!</strong></font></td></tr><tr><td align="center" height="100" width="392"><img alt="很好玩的" border="0" name="u" src="/images/logo.gif" /> </td></tr></TBODY></table></center></div><script language="JavaScript"> var b = 1; var c = true; function fade(){ if(document.all); if(c == true) { b++; } if(b==100) { b--; c = false } if(b==10) { b++; c = true; } if(c == false) { b--; } u.width=150 + b; u.height=125 - b; setTimeout("fade()",50); } </script><p align="center"><script language="JavaScript">  </script> </p><p align="center">　</p></body></html>

标签：变形,图片,特效,扭曲

投稿

图片变形扭曲特效js脚本

猜你喜欢

如何编制一个产生随机密码的函数？

Access：数据转换问题

简单方法实现网页自动适应任何分辨率任何窗口大小

在SQL Server中处理空值时涉及的三个问题

看ASP程序源码的方法及工具

如何做一个可以让人家申请使用的计数器？

Dreamweaver如何防止及消除垃圾代码的产生

asp如何做一个分页程序？

取巧的边框等高

CSS Position

聚焦 DreamWeaver MX 2004

前端开发中的一些用户体验细节

javascript开发经验谈

asp加载access数据库并生成XML文件范例

CSS图片代码效果汇总

MySQL Server 5.0安装教程(图解)

一篇jQuery小教程

用ASP对网页进行限制性的访问

ORACLE数据库查看执行计划的方法

如何正确的解决 MySQL中忽略用户的现象