鼠标放到图片上慢慢变大，移开后图片又慢慢变小

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> 图形特效

鼠标放到图片上慢慢变大，移开后图片又慢慢变小

[ 发布者：肥鱼 | 来源：本站整理 | 时间：2006-5-25 | 浏览：人次 ]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>中国教程网素材频道|www.jcwcn.com| --- 鼠标放到图片上慢慢变大，移开后图片又慢慢变小</title>

</head>

<body>
<img id=MainImg onmouseover=max() onmouseout=min() src="../JsCode/images/flag.gif" tppabs="http://sc.jcwcn.com/tx/JsCode/images/flag.gif" width="85" height="55"> 
<script>
var i=0
//变大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}

//变小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight=MImg*aaa
if(i>0)setTimeout('min()',100)
}

function init(){
aaa=MainImg.height/MainImg.width
MainImg.style.pixelWidth=85
MainImg.style.pixelHeight=55
}

onload=init
</script></body>
</html>

本类相关特效