13:24
Для начала посмотрим ДЕМО
Приступим к установке:
в ваш css:
Code
.ModalssApoVoVcHiK{position:fixed ;z-index:99;background:#eeeeee url(http://v-mus.ru/apo-vovchik/bg.png) repeat; ;border:1px solid #AB1616; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.ModalssApoVoVcHiK{max-width:250px;min-width:150px;right: -150px;bottom: 0px;}
или на страницах где будут предупреждения
Code
<style>
.ModalssApoVoVcHiK{position:fixed ;z-index:99;background:#eeeeee url(http://v-mus.ru/apo-vovchik/bg.png) repeat; ;border:1px solid #AB1616; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.ModalssApoVoVcHiK{max-width:250px;min-width:150px;right: -150px;bottom: 0px;}
</style>
Теперь установим сам скрипт
На тес страницы где будут Окна/предупреждения
Code
<span title="клик для закрытия" class="ModalssApoVoVcHiK" ></span>
<script>
function ModalssApoApoVoVcHiK() {
$(".ModalssApoVoVcHiK").animate({opacity: 0.0,marginRight: "0px",}, 0);
$(".ModalssApoVoVcHiK").stop().animate({opacity: 1.0,marginRight: "200px",}, 500);
}
$('.ModalssApoVoVcHiK').click(function(){
$(".ModalssApoVoVcHiK").animate({opacity: 0.0,marginRight: "0px",}, 500);
});
</script>
и вызываем их таким кодом
Code
<input id="ModalBut" type="button" value="Кнопка" onclick="ModalssApoApoVoVcHiK();$('.ModalssApoVoVcHiK').html('<center>Ваш текст может быть на этом месте </center>'); " />
Автор:VoVcHiK
