HPこちらの広告設定方法について

Question

いつもお世話になっております。

下記URLの広告設定方法についてご教授お願いいたします。

http://shop.gnavi.co.jp/

同じように下に出てくるようにしたいです。
よろしくお願い致します。

Answer 1

jQueryプラグイン「Meerkat」の事でしょうか？

参考URL
URL : http://webkaru.net/jquery-plugin/meerkat/

下記は私のホームページから抜粋しています。
URL : http://www.fse.jp.net/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="/js/jquery.meerkat.1.3.js"></script> <script type="text/javascript"> $(function(){ $('.meerkat').meerkat({ background: 'url(\'/images/bg.gif\') repeat left top', height: '100px', width: '100%', position: 'bottom', close: '.close-meerkat', dontShowAgain: '.dont-show', animationIn: 'slide', animationSpeed: 500, removeCookie: '.reset' }).addClass('pos-bot'); }); </script> <style type="text/css" media="screen"> .code {margin-top: 25px;} .close-meerkat { position: absolute; display: block; height: 18px; width: 18px; background: url('/images/close-x.png') no-repeat 0 0; cursor: pointer; text-indent: -9000px; z-index: 10; } .dont-show { position: absolute; display: block; height: 18px; width: 160px; cursor: pointer; z-index: 10; color: #EC7700; } a.dont-show:hover {color:#FFF;} .adsense {z-index: 5;} .meerkat { color: #FFF; display: none; } .pos-bot .adsense { width: 728px; height: 90px; position: absolute; left: 50%; margin-left: -364px; } .pos-bot .adsense {top: 20px;} .pos-bot .close-meerkat {right: 10px; top: 20px;} .pos-bot .dont-show {right: -10px; top: 100px;} .pos-bot .dont-show {top: 100px;} </style> <a href="" target="_blank" rel="nofollow"> <div class="meerkat"> <div class="close-meerkat">close</div> <a class="dont-show">二度と表示させない</a> <div class="adsense"> <img alt="" src=""> </div> </div> </a>

Comments

[Bamboo]

takayukiinaba様

ご回答ありがとうございます！
何とかやってみます！

ご教授ありがとうございました！

[takayukiinaba]

一応私のサイトでも実装されて動いているので、このままコピーっても動くかな〜って思います。
jquery.meerkat.1.3.js だけは、ググってソースコード落として下さい。