dw里面把图片百分比缩放的代码是啥

dw里面把图片百分比缩放的代码是啥,第1张

dw里面把图片百分比缩放的代码是Dreamweaver 软件界面,在body标签前面适当位置输入:

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里浏览效果。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11832007.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存