Experiment

From 2008.igem.org

(Difference between revisions)
(New page: bbbbbbbbbbbb)
Line 1: Line 1:
-
bbbbbbbbbbbb
+
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 +
<title>网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大,移开后图片又慢慢变小</title>
 +
 
 +
</head>
 +
 
 +
<body>
 +
<img id=MainImg onmouseover=max() onmouseout=min() src=http://www.jscode.cn/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>

Revision as of 12:57, 18 October 2008

网页特效观止|www.jscode.cn| --- 鼠标放到图片上慢慢变大,移开后图片又慢慢变小