| sashgera |
16.03.2014 22:10 |
Всплывающий div с анимацией jQuery и куками
Здравствуйте
Есть всплывающий с jQuery анимацией див при загрузке сайта, с куками
По умолчанию див скрыт - display: none;
как проверить куки и если их нет - показать див
с выполнением действия если куки существуют все понятно:
if (getCookie01("tm")||getCookie01("ses")) {...}
а вот наоборот..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.glass-pgc.ru/sashka/banner_action/effects.core.full.js"></script>
<SCRIPT type="text/JavaScript" src="http://www.glass-pgc.ru/sashka/banner_action/CookieJsLibrary.js"></SCRIPT>
<script type="text/javascript">
var produkt = jQuery.noConflict(); // query ноконфликт
if//как проверить куки (ses и tm) и если их нет - показать див с анимацией (выполнить код, что ниже)???
produkt(document).ready(function(){
produkt("#blok1").fadeIn(2000);
produkt("#blok2").show("explode", {pieces: 9}, 1000);
produkt("#closes").click(function () { //если див blok1 открыт - закрываем с анимацией, кликом на крестик
produkt("#blok1").fadeOut(2000);
produkt("#blok2").hide("explode", {pieces: 9}, 1000);
});
});
setCookie01("ses",true,'','/'); // кук на сессию
setCookie01("tm",true,02*60*60*1000,'/'); // кук на время
</script>
<div id="blok1" style="display: none; position:fixed; left:50%;margin-left:-155px; width:310px; top:50%; margin-top:-156px; height:312px; background-color:#EBEBEB; padding:10px; border:5px solid #7F6600; border-radius: 10px; z-index: 9999;">
<div id="closes" style="float: right; cursor: pointer;">
<img src="http://www.glass-pgc.ru/sashka/banner_action/close_.png" border=0 align="right" width="16" height="16" alt="закрыть"/></div>
<p style="text-align:center;">Всплывающий див..</p>
<div id="blok2"><img src="http://www.glass-pgc.ru//images/stories/glass/content/install_1.jpg" width="300" height="200" border="0"></div>
</div>
|