Скрытый блок
Скрытый блок при нажатии по ссылке открывается блок
что приписать надо, чтобы блок не просто появлялся а плавно выезжал |
Основы программной анимации на JavaScript
Либо найти в нете готовый код. Или если используется какой то фреймворк, то возможно он имеет соответствующую функцию. |
<html>
<head> </head>
<body>
<script>
ok=true;
document.num = 0;
document.num2 = 1;
function BLOK(){
document.block = document.getElementById('block');
if(ok == true){
document.num=0;
smena()
}
else{document.num2=1;smena2()}
}
function smena(){
document.num +=0.15;
if(document.num > 1) return;
document.block.setAttribute('style','opacity:'+document.num)
setTimeout('smena()',100)
}
function smena2(){
document.num2 -=0.15;
if(document.num2 < 0){document.block.setAttribute('style','opacity:'+document.num2);return;}
document.block.setAttribute('style','opacity:'+document.num2)
setTimeout('smena2()',100)
}
</script>
<a onclick='BLOK();if(ok==true){ok=false;}else{ok=true};return false' href='file:\\\lol'>Блок</a>
<div id='block' style='opacity:0'>Я скрытый блок</div>
</body>
</html>
|
Dim@
Это не совсем то Нужно чтобы он не появлялся, а плавно выезжал |
когда код заключаешь в теги js или html к первому тегу добавляешь run типа [js run]
|
Добавил работать отказывается почему то
все перепроверил, все ровно не работает |
Цитата:
К примеру так <script src="http://code.jquery.com/jquery-1.7.2.min.js"> Тут есть примеры http://forumd.ru/viewtopic.php?id=1378&p=2#p68964 пост 13 |
<body>
<script type='text/javascript'>
num=-200
function viezd(){
num+=5;
if(num > 0) return;
block = document.getElementById('vnytr');
block.setAttribute('style','position:absolute;left:'+num+'px')
setTimeout('viezd()',100)
}
</script>
<a onclick='viezd();return false' href='file:\\\lol'>Выезд блока</a>
<div id='vnesh' style='width:400px;height:40px;position:absolute;left:0px;'><div id='vnytr' style='position:absolute;left:-200px'>Скрытый блок</div></div>
Вам нужно такое подобие? |
Лан не парьтесь пока что
ща разберусь с кодом сделаю нормальный наглядный пример |
Цитата:
и в них добавьте run |
| Часовой пояс GMT +3, время: 06:25. |