为了账号安全,请及时绑定邮箱和手机立即绑定

[BUG]为什么加载完毕后第一次鼠标划过没有过度效果,之后都有。求教?

[BUG]为什么加载完毕后第一次鼠标划过没有过度效果,之后都有。求教?

<html> <head> <title>test</title> <style type="text/css"> #div1{position:absolute;left:30%;top:10%;} #p1{margin:10 300}} </style> </head> <body> <div id="div1"> <img src="http://att2.citysbs.com/fz/bbs_attachments/2010/month_1002/10020312250ba11460cb93cf95.jpg" id="pic" style="transition:1s"> <p id="p1">picture</p> </div> <script> var pic=document.getElementById("pic"); function bigger(){ pic.style.width="700px"; pic.style.height="700px"; } window.onload=abt; function abt(){ pic.onmouseover=bigger; pic.onmouseout=function(){ pic.style.width="650px"; pic.style.height="650px"; } } </script> </body> </html>
查看完整描述

2 回答

已采纳
?
荼酒

TA贡献133条经验 获得超96个赞

img没有宽高

查看完整回答
反对 回复 2016-05-27
?
捡到一只蝉

TA贡献4条经验 获得超1个赞

因为第一次加载时,img的内联样式中没有设置width和height的值。 将img style设为"transition:1s;width:650px;height:650px;"即可。

查看完整回答
1 反对 回复 2016-05-27
  • 2 回答
  • 0 关注
  • 1502 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信