Установка:
в ваш css:
Code
.ModalssApoVoVcHiK{position:fixed ;z-index:99;background:#eeeeee url(http://webo4ka.ru/Ucoz4/modalinie_preduprechdeniebg.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://webo4ka.ru/Ucoz4/modalinie_preduprechdeniebg.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").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>'); " />
Источник: V-mus.ru
