Question

我知道如何使用css和js在当前页面上实现可点击的背景。我正在放置具有顶部中心背景位置的图像，并通过跟随js使其可点击：

    <script type='text/javascript'> 
$(function () {
      $('body').bind('click', function (evt) {
         if(evt.target == $('body')[0]) {
              window.open('http://goto.com');
         }
      });
    });
    </script>

现在我想向前迈出一步，只用JS实现这样的广告，而不改变我的任何CSS样式。我知道这是可能的，因为很多广告代理商都在使用这样的东西：

<script language='Javascript' src='//adserver.com/view.php?ad=123'></script>

Answer 1

您可以使用jQuery轻松更新元素的样式。例如：

$('body').css({ background-image: 'url(/img.png)' });

所以，你的代码应该是这样的：

<script type='text/javascript'> 
   $(function () {
      $('body').css( { /* SET YOUR CSS MODIFICATIONS HERE */ } );
      $('body').bind('click', function (evt) {
         if(evt.target == $('body')[0]) {
              window.open('http://goto.com');
         }
      });
    });
</script>

可点击的背景广告与JavaScript

1 个答案: