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>

今、私は一歩前進し、CSS スタイルを変更せずに JS だけでそのような広告を実装したいと思います。多くの広告代理店が次のようなものを使用しているため、それが可能であることはわかっています。

<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 に答える