Эффекты на основе Java Script, jQuery и т.д.

Вернуться в каталог >>>

Продолжить

Вот такая заставочка получилось.
Её Ваш пользователь будет видеть 1 раз при заходе на страничку.
Для продолжения, т.е для сброса заставки, нужно обновить страничку или нажать на ссылку ПРОДОЛЖИТЬ.

Динамичный эффект в качестве фона ( Вариант 2 ) - заставки

Динамичный эффект в качестве фона: ( Вариан1 ) - странички -|- ( Вариан2 ) - заставки -|- ( Вариан3 ) - отдельного элемента странички

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

<SCRIPT type=text/javascript>
function reloadPage()
{
window.location.reload()
}
// ["ID of content to frequency cap", "Display frequency interval (full hours only)"]
// мнемоника [ "идентификатор на который действует ajax", "время на которое устанавливается ajax"]  
var capcontent=new Array()
capcontent[0]=["zastawka13", "1 hr"]
</SCRIPT>
<SCRIPT type=text/javascript src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/ajax.js"></SCRIPT>

<style type=text/css>
/* стили зффекта картинок */
#main_area {
    position:relative;
    height:100%;
}
.transp {
    filter:alpha(opacity=20);
    opacity:0.2;
    left:-1000px;
    position:absolute;
}
/* стили блока в заставке и его элементов */
.zentr_icon {position:absolute; top: 15%; right: 5%; width: 300px; height: 150px; background: #aaa; border: #ff00ff 2px solid; color: #000; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.zentr_icon img {float: left; margin-right: 5px;}
.zentr_icon div {text-align: center; color: #880000; text-shadow: 1px 1px 1px #ffffff; cursor: pointer;}
</style>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/js/main.js"></script>

Основное всё подписано, проблем быть не должно.

Внутри тега <BODY> - </BODY> сразу после <BODY> перед содержимым Вашей странички.

<DIV id="zastawka13">
    
    <div id="main_area">
        <img id="l1" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l1.png" /> 
        <img id="l2" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l2.png" /> 
        <img id="l3" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l3.png" /> 
        <img id="l4" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l2.png" /> 
        <img id="l5" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l1.png" />
        <img id="l6" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l2.png" /> 
        <img id="l7" class="transp" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/l3.png" />
        <img id="l8" src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/images/flare1.png" style="position:absolute" />
    </div>
        
		<div class="zentr_icon"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/386/2.png"><div onclick="reloadPage();" title="Enter">Продолжить</div> Вот такая заставочка получилось. Её Ваш пользователь будет видеть 1 раз при заходе на страничку. Для продолжения, т.е для сброса заставки, нужно обновить страничку или нажать на ссылку ПРОДОЛЖИТЬ.</div>
		 
    <div  style="width: 100%; height: 100%;"></div>
</div>

Всё подписано, думаю, Вы легко разберётесь.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.