Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Смена слоёв
 
 автор: Sproot   (26.11.2008 в 20:28)   письмо автору
 
 

Доброго времени суток. У меня такой вопрос. Есть страничка состоит из двух слоев. Пока грузится основной контент показывается слой с надписью "Загрузка" и точечки бегают:) второй соответственно с самим содержимым страницы. Когда страница загрузилась полностью слои сменяют друг друга. Можно ли как-то приукрасить этот эффект. Ну что-то вроде затухания. Тяжело ли реализовать такое??? и можно ли вообще????

  Ответить  
 
 автор: ddhvvn   (26.11.2008 в 20:36)   письмо автору
 
   для: Sproot   (26.11.2008 в 20:28)
 

выдрал из скрипта

function SetOp(elem,value)
{
    elem.style.opacity = value/10;
    elem.style.filter = 'alpha(opacity=' + value*10 + ')';
}

var op=0;

function myNotify(message)
{
    ntfdiv = document.getElementById('notify_div');

    ntfdiv.innerHTML = message;

    SetOp(ntfdiv, 0);

    ntfdiv.style.display = 'block';
    ntfdiv.style.left = (document.body.clientWidth-ntfdiv.clientWidth)/2 + 'px';
    ntfdiv.style.left = (ntfdiv.style.left.substr(0,ntfdiv.style.left.length-2) < 1) ? '30%' : ntfdiv.style.left;
    ntfdiv.style.top = (document.body.clientHeight-ntfdiv.clientHeight)/4 + 'px';
    ntfdiv.style.left = (ntfdiv.style.left.substr(0,ntfdiv.style.left.length-2) < 10) ? '20%' : ntfdiv.style.left;

    tm = setInterval("NotShow()", 50);
}

function NotShow()
{
    SetOp(ntfdiv,op);
    op++;

    if (op==10)
    {
        clearInterval(tm);
        setTimeout('tm2 = setInterval("NotHide()", 100);', 1000);
    }
}

function NotHide()
{
    SetOp(ntfdiv,op);
    op--;

    if (op==-1)
        clearInterval(tm2);
}

здесь див появляется, висит секунду и исчезает
использование

<div id="notify_div" style="position: absolute; display: none">
</div>
<script type="text/javascript">
myNotify('TeSt');  //выводит див с сообщением "TeSt"
</script>

  Ответить  
 
 автор: Sproot   (26.11.2008 в 20:42)   письмо автору
 
   для: ddhvvn   (26.11.2008 в 20:36)
 

Спасибо за скрипт. Можно уточнить. А как исчезает вы не знаете???? Просто или с эффектом????

  Ответить  
 
 автор: sl1p   (26.11.2008 в 21:35)   письмо автору
 
   для: Sproot   (26.11.2008 в 20:42)
 

вы думаете такой относительно не маленький скрипт написан для того чтобы просто убрать слой без эффекта?:)

  Ответить  
 
 автор: ddhvvn   (26.11.2008 в 22:05)   письмо автору
 
   для: Sproot   (26.11.2008 в 20:42)
 

А попробовать не судьба значит? Тем более что для этого всего и требуется, что копировать/вставить!

  Ответить  
 
 автор: bronenos   (27.11.2008 в 01:03)   письмо автору
 
   для: Sproot   (26.11.2008 в 20:42)
 

Видите строчку setTimeout? Значит с эффектом, а уж каким именно - копипаст & run

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования