问jquery - onmouseover和onmouseout
EN

Stack Overflow用户

提问于 2012-10-08 05:10:22

回答 1查看 2K关注 0票数 0

当鼠标移到/移出时，我正在尝试显示/隐藏上一个/下一个按钮。但它似乎不起作用。我的代码有什么问题吗？

这是我的代码。

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Portfolio</title>
      <link rel="stylesheet" href="css/global.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/slides.jquery.js"></script>
  <script>


       $('.eachImage').on( "mouseover", function() {
         $('#prevButton').show();
       });
        </script>

      </head>

      <body bgcolor="#FFFFFF">

        <div id="container">
    <div id="example">
        <div id="slides">
            <div class="slides_container">
                <img src="imgs/test.png" width="800" height="456" class="eachImage">
            </div>
            <div id="prevButton"><a href="#" class="prev"><img src="imgs/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a></div>
            <div id="nextButton"><a href="#" class="next"><img src="imgs/arrow-next.png" width="24" height="43" alt="Arrow Next"></a></div>
        </div>
    </div>
        </div></body>
      </html>

谢谢。

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-08 07:51:49

这是要使用的函数

 $(document).ready(function(){
     $('.eachImage').mouseover(function(){
    $('#prevButton').toggle();
    });
     });

我还包含了一个jsfiddle。

http://jsfiddle.net/joseluisrod/XwMzh/3/

关键是为每个按钮设置style="display:block“。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12772882

复制

相似问题

问jquery - onmouseover和onmouseout
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery - onmouseover和onmouseoutEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery - onmouseover和onmouseout
EN