Question

我正在学习HTML和Javascript，但似乎我做错了，我无法理解，为什么我的脚本不能正常工作？当您用鼠标悬停时，它应该会改变图像的大小。我正在调查学习如何做事。

<!doctype html>
<html>
    <head>
        <title> Kikito's Sprites  </title>
    </head>
    <body style="background-color:#ffc299">
        <div>
                <h1 style="color:white"> Kikito Loco Sprite Showcaserino </h1>


                <img onmouseover="descriptiveTextImg(this)" onmouseout="normalImg(this)" src="monigoteTransparencia.png" alt="Amicable Anthony" style="position:absolute;top:100px;left:-50px;width:300px;height:300px;">               
                <img src="ballinBob.png" alt="Ballin Bob" style="position:absolute;top:90px;left:130px;width:300px;height:300px;">

                <img src="severedArm.png" alt="just some pixel gore" style= "position:absolute;top:350px;left:-40px;width:300px;height:300px;">
                <img src="shinySkin.png" alt="Shiny Skin" style="position:absolute;top:350px;left:200px;width:300px;height:300px;">
                <img src="bigBall.png" alt="a cannonball" style= "position:absolute;top:640px;left:-40px;width:300px;height:300px;">
                </div>


         <script>
             function descriptiveTextImg(x) 
             {
             x.style.width = 400px;
             x.style.height = 400px;
             }

             function normalImg(x) 
             {
             x.style.width = 300px;
             x.style.height = 300px;
             }

         </script>

    </body>
</html>

Answer 1

将所有300px更改为'300px'等。

style.width和style.height需要字符串值。 300px不是有效的JavaScript代码。如果你需要使用数字，即如果你使用变量，你需要将它连接成一个字符串：

x.style.width = someIntWidth + 'px';

Answer 2

只需使用css即可。不需要JS

Jsfiddle

main 2>&1 | tee -a | sed -i 's|ERROR (version 5.3.0.0-213, build 1 from 2015-02-02_12-17-08 by buildguy) : (stderr)|NOTE (version 5.3.0.0-213, build 1 from 2015-02-02_12-17-08 by buildguy) : (stderr)|g' $log_file;

简单的脚本不能处理我的网站的html代码

2 个答案: