jQuery

<script>
<!--
window.onload = function() {
var now = new Date();
var start = new Date('2001/1/1 0:00:00'); // 表示開始日時
var end = new Date('2020/12/31 23:59:59'); // 表示終了日時
 
if ( start <  now && now < end ) {
    document.getElementById("campaign").style.display="block";
}
}
-->
</script>

<div id="campaign" style="display: none;">
ここに表示させたい内容を書き込む
</div>

iframeのコンテンツに合わせてJavaScriptで自動的に高さを調整する方法

https://sakic.jp/blog/web/smooth-scroll

$(function () {
  // 全てのアンカータグを対象にする
  $('a').click(function (e) {
    var anchor = $(this),
      href = anchor.attr('href'),
      pagename = window.location.href;
    // 現在のurlのハッシュ以降を削除
    pagename = pagename.replace(/#.*/, '');
    // リンク先のurlから現在の表示中のurlを削除
    href = href.replace(pagename, '');
    if (href.search(/^#/) >= 0) {
      // 整形したリンクがページ内リンクの場合はページ内スクロールの対象とする
      // 通常の遷移処理をキャンセル
      e.preventDefault();
      var speed = 500;
      // 前段階で整形したhrefを使用する
      // var href= $(this).attr("href");
      var target = $(href == "#" || href == "" ? 'html' : href);
      var position = target.offset().top;
      $("html, body").animate({
        scrollTop: position
      }, speed, "swing");
      // ロケーションバーの内容を書き換え
      location.hash = href;
      return false;
    }
  });
});

使い方はとてもかんたんです。

jQuery RWD Image Maps

1. 上のページから、「jquery.rwdImageMaps.min.js」をダウンロードします。
2. コードを貼り付けておしまい。

<script src="js/jquery.rwdImageMaps.min.js"></script>
<script>
  $(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
  });
</script>