
window.οnlοad=function(){
var btn=document.getElementById("btn")
var one=document.getElementById("one")
one.οnmοuseοver=function(){
startMove(one,{width:400,height:400})
}
one.οnmοuseοut=function(){
startMove(one,{width:100,height:100})
}
function getstyle(obj,name){
if(obj.currentStyle){
return obj.currentStyle[name]
}
else{
return getComputedStyle(obj,null)[name]
}
}
var timer=null
function startMove(obj,json,fun){
clearInterval(timer)
timer=setInterval(function(){
for(var att in json){
var cur=parseInt(getstyle(obj,att))
var speed=(json[att]-cur)/10
speed=speed>0?Math.ceil(speed):Math.floor(speed)
if(cur==json[att]){
clearInterval(timer)
if(fun){
fun()
}
}
else{
obj.style[att]=cur+speed+"px"
}
}
},30)
}
};
保存并摁F12键,跳转到页面,光标在图形上进出移动,可看到图形放大缩小。
1.新建网页,在body里插入<div align="center"><img src="images/ad-01.jpg" /></div>。
2.在img里插入width=300 height=150。
3.按F12在IE里浏览效果。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)