图片变形扭曲特效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脚本

猜你喜欢

各种页面定时跳转(倒计时跳转)代码总结

中秋快到了利用python画个月亮和月饼

过期软件破解办法实例详解

Go语言并发爬虫的具体实现

Python代码打开本地.mp4格式文件的方法

Vue2.0系列之过滤器的使用

javascript同页面多次调用弹出层具体实例代码

Python使用os模块实现更高效地读写文件

Python识别html主要文本框过程解析

Python排序搜索基本算法之冒泡排序实例分析

Python 爬虫图片简单实现

2011年网页设计发展趋势

python获取网页状态码示例

python用线性回归预测股票价格的实现代码

MySQL字符串索引更合理的创建规则讨论

Django自定义User模型、认证、权限控制的操作

PHP格式化显示时间date()函数案例讲解

设计手机端应用时的一些建议

没有SQL Server数据库时如何打开.MDF文件

用python实现英文字母和相应序数转换的方法