Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 网站背景广告_Jquery_Html_Css_Background_Ads - Fatal编程技术网

Jquery 网站背景广告

Jquery 网站背景广告,jquery,html,css,background,ads,Jquery,Html,Css,Background,Ads,我目前正在制作一个网站,网站的所有者需要背景广告(作为整个网站背景的广告) 在css中制作非常容易: body { background-image: url('ad.jpg'); repeat, color..... } 但是,他们希望它成为一个链接。这有点难,所以我需要一些帮助 我试过这样的方法: <a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; dis

我目前正在制作一个网站,网站的所有者需要背景广告(作为整个网站背景的广告)

在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,所以我对它有点了解

致以最良好的祝愿, 少女


不确定这是否可行,但我不知道还有什么其他方法可以使整个页面的背景可点击。

不在背景中的内容的预期点击行为是什么?它是否可以独立于背景广告点击

如果这是要求,我将在body标记之后的root div层中进行设计。也许给它一个可以作为目标的“adsitelayer”id。将其设置为主容器分区。将维度设置为100%,然后使用jQuery或其他工具使其可单击,然后在此基础上构建设计

不要把这个放在身体里。这样,你可以使它成为一个填隙div层,可以很容易地从你的设计中提取出不需要广告的页面

顺便说一下,这是一种奇怪的要求。所以基本上如果我点击页面上的其他任何地方,我会去看广告?如果客户要求,则执行此操作。但你应该告诉他们,从可用性的角度来看,这确实是一种奇怪的行为,可能会让网站的用户感到厌烦。只要我的两分钱


垃圾邮件不是因为它的广告内容,而是它的广告方式。从SEO的角度来看,这种行为可能会让人大吃一惊。我不确定谷歌会喜欢这个。他们甚至可能将该网站视为恶意软件,这取决于他们的策略。

我使用这种方法取得了一些成功:

<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>

$(文档).ready(函数(){
$('body').css('cursor','pointer');
$('body')。单击(函数(事件){
if(event.target==event.currentTarget)
打开窗户http://www.google.dk');
});
$('div#Center')。悬停(函数(){
$('body').css('cursor','auto');
},函数(){
$('body').css('cursor','pointer');
});
});
我的内容。。。
我知道它没有广告层,但那只在IE中正常工作。鼠标无法点击页面顶部


这段代码也不是完美无缺的。如果向下滚动页面,则无法单击。可能是身体标签没有向下扩展的东西。我已将身体设置为身高:100%;最小高度:100%;但它没有起作用。有什么建议吗?

我想在这种情况下,客户可能是错的。如果我去一个网站,任何非特定的点击都会把我带到其他地方,我会尖叫着跑掉!我对这个问题的解决方案很感兴趣,但我希望你能说服你的客户不要使用它。我会尝试,但我认为他希望有更多的可能性;)页面上有不可点击的内容。我看到的问题是使div可单击(并显示指针光标),而不使clickalbe中的内容。我也不喜欢。事实上,如果图片是针对特定网站的,我确实喜欢没有链接的背景广告。我认为这会让整个页面都可以点击。但也许可以清除孩子们。请看其他Gordon的回答和评论。我想在我的回应网站的背景中添加广告,广告只在桌面网站上可用,但如何管理它,请你向我展示你做过的任何示例网站?
<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>