Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Модальные предупреждения v. 2.0
Установка:
в ваш css:
или на страницах где будут предупреждения
Теперь установим сам скрипт
На тес страницы где будут Окна/предупреждения
и вызываем их таким кодом
в ваш css:
Code
.ModalssApoVoVcHiK{position:fixed ;z-index:99;background:#eeeeee url(http://3week.clan.su/FILE-IMAGE3/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;}
.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>
.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>
<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>'); " />
| Всего комментариев: 0 | |