想要的效果是鼠标移入移出是图片放大缩小，这种方法为什么不行啊
无标题文档
#wed{ width:270px; height:480px;border:1px solid rgba(153,153,153,1);background-image:url(123.JPG)}
<script>
var wed=document.getElementById("wed");
// wed.style.backgroundImage="123.JPG";
//alert(wed.style.width)
function bigg(){
do(wed.style.width=wed.offsetWidth+5+"px")
while(wed.offsetWidth>540)
do(wed.style.height=wed.offsetHeight+20+"px")
while(wed.offsetHeight>960)
setTimeout(bigg,10)
}
/**/function smal(){
do(wed.style.width=wed.offsetWidth-5+"px")
while(wed.offsetWidth |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
无标题文档
#wed{
width:270px;
height:480px;
border:1px solid rgba(153,153,153,1);
background-image:url(123.JPG)
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#wed:hover{
width:540px;
height:960px;
}
不知道这样行不行 |
|
|
|
|
|
|
|
|
天盟APP下载
