0

我正在使用下面的代码在 div 中显示链接按钮，当它单击时应该转到该链接。这对我不起作用。我尝试了下面的代码。只需检查并告诉我哪里错了。当用户回答任何问题并且我们将鼠标悬停在我们获得他/她的个人资料的那个用户图像上并且还有一个链接可以查看他们的个人资料时，它在这个网站上运行良好。正是这个概念与我正在搜索的概念相同，所以请帮忙。

        <!DOCTYPE html>
          <html>
          <head>

              <title></title>
                  <style>
                    div.out { width:40%; height:120px; margin:0 15px;
                     background-color:#D6EDFC; float:left; }
                      div.in { width:60%; height:60%;
                 background-color:#FFCC00; margin:10px auto; }
                 p { line-height:1em; margin:0; padding:0; }

                    </style>
                             <script src="http://code.jquery.com/jquery-latest.js"></script>
                      </head>
               <body>
                 <form id="form1" runat="server">

                 <img src="Images/orderedList2.png" id="actionImage" />
                  <div class="out overout">
                  <span>move your mouse</span>
                  <div class="in">
               <p>The function bigImg() is triggered when the user moves the mouse pointer over the image.</p>
          <a href="www.google.com" id="A1" class="target">www.google.com</a>
                     </div>
                    </div>
               <div class="out enterleave">
                  <span>move your mouse</span>
                      <div class="in" >
                               <p>The function bigImg() is triggered when the user moves the                                                      mouse pointer over the image.</p>
                     <a href="www.google.com" id="url" class="target">www.google.com</a>
                    </div>
                    </div>
           <script type="text/javascript">

              $('#actionImage').mouseover(function (e) {
              $("div.enterleave").show();
              $('#actionImage').mouseout(function () {
              $("div.enterleave").hide();

            });
           });

          $("div.enterleave").mouseenter(function () {
          $(this).show();
          }).mouseleave(function () {
             $(this).hide();
             });

           </script>


                </form>
                </body>
                   </html>
4

3 回答 3

0

我不确定您要使用的 JS，但您的代码中的一个基本错误是您的链接需要具有“http://”

<a href="http://www.google.com">Google</a>
于 2013-02-15T13:12:31.933 回答
0 
<a href="www.google.com" id="url" class="target">www.google.com</a>

用。。。来代替

<a href="http://www.google.com" id="url" class="target">www.google.com</a>

因为外部链接应该以 http 或 Https 开头

于 2013-02-15T13:15:07.307 回答
0

地址是错误的，你应该把请求的协议放到地址而不是简单的地址。因此，您需要更改标签中的 href 参数，如下所示：

<a href="http://www.google.com" id="A1" class="target">www.google.com</a>
<a href="http://www.google.com" id="url" class="target">www.google.com</a>

要了解有关协议的更多信息，我建议以下

http://computernetworkingnotes.com/network-technologies/protocol-tcp-ip-udp-ftp-tftp-smtp.html

公共协议

端口号 - 服务
80 - HTTP
21 - FTP 110 - POP3
25 - SMTP
23 - Telnet

于 2013-02-15T13:17:02.993 回答