Question

这是一个非常愚蠢的问题，但我是javascript的新手。我想在悬停在特定div上时移动我的滑块。我做了一个功能，但它没有工作。任何人都可以帮助我。我的代码在这里： -

    <html>
    <head>
    <script type="text/javascript"> 
    var image1=new Image()
    image1.src="images/banner_about.png"
     var image2=new Image() 
    image2.src="images/pregnancyclub_banner.jpg"
     var image3=new Image()
    image3.src="images/Refer-a-Friend-banner.jpg"


    </script>
    <script type="text/javascript">

    function move() 
    {

     document.slide.src=image2.src;
     }}
     </script>
     </head>
     <body>
     <a href="#" onClick=""="move()"
        onMouseOut="document.slide.src=image1.src;">
     <div id="yash" style="position:absolute;            background:#FF0000;height:20px;width:20px;margin-right:200px;margin-top:200px;">
     </div>
     </a>

      <div id="slider">
       <img src="images/banner_about.png" name="slide" border="0" width="100%"   height="100%" />
       </div>
       </body>
       </html>

Answer 1

用以下功能替换您的功能：

function move() 
{

 document.getElementsByName('slide')[0].src=image2.src;
 }

Answer 2

您的代码中存在一些错误，首先将其删除并尝试，

1）从代码}下面删除多余的卷曲

function move() {
     document.slide.src=image2.src;
}

2） move()未以正确方式初始化

应该是

 <a href="#" onClick="move()".....

intead of

 <a href="#" onClick=""="move()"....

Javascript函数不会在div的悬停时更改图像

2 个答案: