0

我知道如何使用 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>
4

1 回答 1

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> 
于 2013-09-13T13:37:01.667 回答