|
|
|
| Доброго времени суток. У меня такой вопрос. Есть страничка состоит из двух слоев. Пока грузится основной контент показывается слой с надписью "Загрузка" и точечки бегают:) второй соответственно с самим содержимым страницы. Когда страница загрузилась полностью слои сменяют друг друга. Можно ли как-то приукрасить этот эффект. Ну что-то вроде затухания. Тяжело ли реализовать такое??? и можно ли вообще???? | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: ddhvvn
(26.11.2008 в 20:36)
| | Спасибо за скрипт. Можно уточнить. А как исчезает вы не знаете???? Просто или с эффектом???? | |
|
|
|
|
|
|
|
для: Sproot
(26.11.2008 в 20:42)
| | вы думаете такой относительно не маленький скрипт написан для того чтобы просто убрать слой без эффекта?:) | |
|
|
|
|
|
|
|
для: Sproot
(26.11.2008 в 20:42)
| | А попробовать не судьба значит? Тем более что для этого всего и требуется, что копировать/вставить! | |
|
|
|
|
|
|
|
для: Sproot
(26.11.2008 в 20:42)
| | Видите строчку setTimeout? Значит с эффектом, а уж каким именно - копипаст & run | |
|
|
|