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>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/28 12:34
2015/06/28 12:39