В моем случае, он только вылезает при наведении, но нужно что бы еще и выскакивал при заходе на сайт, через n количество секунд
<div id="footer">
<div class="container">
<div id="slideout">
<div><img style="float: right; background-color: #fff; border: 5px solid #7F613E; border-radius: 30px; padding: 4px; color: #7F613E;" src="img/withis.png" alt="Привет! "></div>
<div id="slideout_inner">
<div class="nyamessage">
<h3>ФОКУСЫ НАЧАЛИСЬ</h3>
<br>
<p>Давайте вместе веселиться ! .</p>
<p>Ведь это так здорово!</p><br>
<a class="clickMe" href="#">Поиграть с клоунами</a>
</div>
</div>
</div>
</div>
</div>
#slideout {
position: fixed;
bottom:220px;
right: 20px;
width: 55px;
height: 55px;
right: 0;
border-radius: 90px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index:3;
}
#slideout_inner {
position: fixed;
bottom:31px;
background-color: #fff;
right: -250px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 250px;
color:#808080;
height: 240px;
padding-left: 10px;
z-index:3;
}
#slideout_inner a {
color: #7F613E;
}
#slideout_inner h3{
padding-left: 10px;
padding-top: 10px;
}
#slideout_inner p{
padding-left: 10px;
}
.nyaregok{
background: url("../img/navigation-right-frame.png") no-repeat;
height: 48px;
width: 48px;
cursor: pointer;
margin-top: 14px;
}
.nyaok .leftinput{
width: 129px;
}
.innyaok{
width: 185px;
float: left;
}
.okimput{
float: left;
height: 41px;
width: 49px;
}
#slideout:hover {
right: 250px;
}
#slideout:hover #slideout_inner {
right: 0;
}
