1

私はオンラインで多くのことを読みましたが、それを機能させる方法が見つかりません..

私が欲しいもの：

私は体の背景画像を持っていて、それを広告としてリンクにするように頼まれました。htmlとcssを介して可能ですか？または、JavaScriptを使用しても？どんな解決策も受け入れられます...私は立ち往生しています..事前に感謝します!

4

4 に答える 4

6

背景画像をリンクにすることはできません。JS を使用して、本文にあるすべてのクリックをキャッチできますが、その子の 1 つにはありません。

// This is not cross browser, that would be a separate question
document.body.onclick = function(e) {
  if (e.target === document.body) {
      window.location = "link.html"
  }
}

クロスブラウザバージョンでjQueryを使用できます

$('body').click(function(e){
    if (e.target === this) {
        window.location = "link.html"
    }
});

背景にカーソルの外観を与えたい場合は、次の CSS を適用できます。

body {
   background-image: url(http://www.blutest.com/sites/default/files/butterfly2_large_0.jpg);
   cursor: pointer;
}

body, html {
   width: 100%;
   height: 100%;
}

body * {
  cursor: default;
}
​

実際の動作はこちら

于 2012-11-12T18:56:35.270 に答える
2

jQuery を使用すると、イベントが本文に直接あるかどうかを検出できます。

$('body').on('click', function(e) {
    if( e.target != this ) return;
    window.location = 'http://google.com';
});
于 2012-11-12T18:56:57.057 に答える
0

いいえ、ここでは本文セクション内にページセクションを保持します

onclick を body に、 onclick を page にも追加し、

追加をクリックしたページでevent.stopPropagation()

于 2012-11-12T18:57:30.683 に答える