0

私は助けが必要なものにたどり着くために私のコードの束を切り取りました、私はそれにカーソルを合わせると画像を変える画像を持っています、しかし私がその画像をクリックするとそれをどのように追加するかmywebsite.comと言う?? http://pastebin.com/h83yi3e3

コード：

<html>
  <head>
    <style>
       #buttonOne {width:140px;height:60px;background-image:url(buttonOne.png);}
       #buttonOne:hover {width:140px;height:60px;background-image:url(buttonOneH.png);}
       #buttonTwo {width:140px;height:60px;background-image:url(buttonTwo.png);}
       #buttonTwo:hover {width:140px;height:60px;background-image:url(buttonTwoH.png);}
       #buttonThree {width:140px;height:60px;background-image:url(buttonThree.png);}
       #buttonThree:hover {width:140px;height:60px;background-image:url(buttonThreeH.png);}
    </style>
  </head>
  <body>    
      <div id="buttonOne">
      </div>

      <div id="buttonTwo">
      </div>

      <div id="buttonThree">
      </div>    
  </body>
</html>
4

3 に答える 3

3

代わりにそれらdivをaタグにします。それが彼らの目的です。クリックして別の URL に移動できる要素が必要な場合は、<a>タグが必要です。

<a id="buttonOne" href="http://letssaymywebsite.com/"></a>
<a id="buttonTwo" href="http://letssaymywebsite.com/"></a>
<a id="buttonThree" href="http://letssaymywebsite.com/"></a>
于 2012-11-20T06:53:08.617 に答える
0

さて、あなたたちが何を話していたのかわかりませんが、divを削除しましたが、私にはうまくいきませんでした。私がしたことは、見えないリンク画像に追加した空のdivの中にあります。

<div id="buttonOne">
<a href="mywebsite.com" target="_blank"><img src="inbut.png">
</a>
</div>
于 2012-11-20T16:40:14.453 に答える
0

アンカータグを使用すると、次のように実行できます-

<a id="buttonOne" href="mywebsite.com"></a>
...

そして、使用a:hoverして画像を変更できます

cssで-

#buttonOne a:hover
{
background-image:url(buttonOneH.png);
}
...
于 2012-11-20T06:55:07.240 に答える