2009-09-16 102 views
2

我目前正在製作一個網站,所有者想要背景廣告(作爲整個網站的背景廣告)。網站上的背景廣告

這是很容易在CSS:

body 
{ 
    background-image: url('ad.jpg'); 
    repeat, color..... 
} 

但是,他們希望它是一個鏈接。這有點困難,所以我需要一些幫助。

我曾與一些嘗試這樣的:

<a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; display: block; left: 0; top: 0; z-index: -1; min-height: 100%; min-width: 100%;"> 
    &nbsp; 
</a> 

但它不能正常工作。我想在IE/FF/Safari等工作的解決方案。我在網站上使用jQuery,所以我知道一點點關於它。

最好的問候, 拉塞

+2

我認爲客戶在這種情況下可能是錯的。如果我去了一個網站,那裏有任何非特定的點擊把我帶到了別的地方,我就會逃跑尖叫!我會對這個問題的解決方案感興趣,但我希望你能說服你的客戶不要使用它。 – dnagirl 2009-09-16 20:49:34

+0

我會嘗試,但我認爲他希望可能性開放;) – 2009-09-17 05:00:31

回答

1

我用這個方法取得了一些成功:

<body> 
<script type="text/javascript"> 
     $(document).ready(function() { 
      $('body').css('cursor', 'pointer'); 

      $('body').click(function(event) { 
       if (event.target == event.currentTarget) 
        window.open('http://www.google.dk'); 
      }); 

      $('div#Center').hover(function() { 
       $('body').css('cursor', 'auto'); 
      }, function() { 
       $('body').css('cursor', 'pointer'); 
      }); 
     }); 
    </script> 
<div id="Center"> 
My content... 
</div> 
</body> 

我知道它不具有廣告層,但這隻能在IE瀏覽器正常工作。鼠標無法點擊頁面的頂部。

此代碼並非無懈可擊要麼。如果您向下滾動頁面,則無法點擊。也許一些身體標記沒有向下擴展。我已將身體設置爲身高:100%;和最小高度:100%;但它不起作用。有什麼建議麼?

+0

我想在自適應網站的後臺添加廣告,廣告只能在桌面版網站上提供,但如何管理它,請您向我展示您已經完成的任何示例網站嗎? – 2014-09-04 05:26:17

1
$('body').click(function(event){ 
    window.location = "http://adsite.com"; 
}); 

不知道這會的工作,但我不知道任何其他方式,使整個頁面可點擊的背景。

+0

我認爲它使整個頁面可點擊。但有可能清除兒童。看到Gordon的其他回答和評論。 – 2009-09-17 05:08:55

2

什麼是不是在後臺內容預期的點擊行爲?它可以獨立於背景廣告點擊嗎?

如果這僅僅是body標籤後,我會設計在根DIV層的要求。也許給它一個可以作爲目標的「adsitelayer」的ID。將其作爲主要的容器分區。將尺寸設置爲100%,然後使用jQuery進行點擊,或者不進行點擊,然後在其上構建設計。

不要把這個在體內。通過這種方式,您可以將其設置爲可在您不需要廣告的網頁上輕鬆從您的設計中提取的插頁式div層。

順便說一句,這是一種奇怪的要求。所以基本上,如果我點擊頁面上的其他任何地方,我將去廣告?如果客戶需要它,就實施這個。但是你應該告訴他們,從可用性的角度來看,這是非常奇怪的行爲,並且可能會關閉網站的用戶。只是我的兩分錢。

垃圾郵件是垃圾郵件,不是因爲它做廣告,但它的方式發佈。這種行爲可能會引起SEO點的眉毛。我不確定谷歌會喜歡這個。他們甚至可能視該網站爲惡意軟件,具體取決於他們的政策。

+0

頁面上有不能點擊的內容。 我看到的問題是讓div可點擊(並顯示指針光標),而不會讓clickalbe內的內容。 我也不喜歡它。其實,如果圖形是針對特定網站的,我確實喜歡沒有鏈接的背景廣告。 – 2009-09-17 05:06:41