[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: ЯвасКрипт-блок выезжает с низу- с задержкой
sebastjan
Может кому пригодится яваскрипт, блок выезжает с низу с задержкой по времени.
конечно это не готовый и вылизанный вариант.
Думаю кто заинтересуется- сам доточит.
Писал года 4 назад, вот наткнулся случайно в загашнике.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>menju viezaet s nizu</title>
<meta
http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>

#nn{
background-color: #82FFFF;
border: 1px solid #0033CC;
position: absolute;
height: 100px;
width: 200px;
z-index: 20;
bottom: -250px;
text-align: center;
}
#kont{
overflow: hidden;
position: absolute;
z-index: 1;
height: 100px;
width: 200px;
right: 0px;
bottom: 0px;
}
.link{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003399;
text-decoration: none;
}
</style>
<script>
var
dd=document;
var sag=1;
var sag2=1;
var count=0;
var sravni=100;
var bot=-100;//nacalnie kordinati po vertikalis
var nn=0;
var aa=0;
///////////////////////////////////////////////////
function zad1(){//4
aa++;
set=setTimeout('zad1()',100)
if(aa>50){
clearTimeout(set)
scrol();}
}


function scrol(){//1
if(count<sravni){//2
count++;
bot+=sag;
if(dd.layers){obg.layers['nn']}
else{obg=dd.getElementById('nn');obg=obg.style;}
obg.bottom=bot;
set2=setTimeout('scrol()',1)

if(count==sravni){
clearTimeout(set2)
zad2();}

}
//2
}//1
function zad2(){//4
nn++;
set3=setTimeout('zad2()',100)
if(nn>50){
clearTimeout(set3)

vniz();
}
}

function vniz(){
sag=0;
count=0;
nn=0;
sag2=1;
bot-=sag2;
obg.bottom=bot;
set4= setTimeout('vniz()',1)
}
</script>
<body
onLoad="zad1()">
<div
id="kont">
<div
id="nn"><a href="#" class="link"><br><br>xxxxxxxxxxx<br>xxxxxxxx<br>xxxx<br>xxxxxxx<br></a></div>
</div>
</body>
</html>






Спустя 10 месяцев, 3 дня, 9 часов, 44 минуты, 41 секунда (24.08.2012 - 02:25) Guest написал(а):
Доброе время суток. Хотелось бы его к левой стороне прижать и привязать к уровню прокрутки. Буду очень благодарна..
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.