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

アドレスが間違っているので、単にアドレスではなく、リクエストのプロトコルをアドレスに配置する必要があります。したがって、タグの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-
HTTP21-FTP110-POP3
25-SMTP23
-Telnet

于 2013-02-15T13:17:02.993 に答える
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 に答える