Главная » 2009 » Декабрь » 6 » Плавное расширение окна (Javascript)
06.12.2009, 09:39

Плавное расширение окна



На скрине этого не покажешь.

После нажатия на ссылку, откроется маленькое окошко, которое будет плавно расширяться до полноэкранного размера.

В body ставим этот скрипт:

Code
<script>
<!--
var winheight=100
var winsize=100
var x=5
/*
Animated Window Opener Script (updated 00/04/24)-  
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

А ссылки, при нажатии на которые будут открываться такие окна, прописываем таким образом:

Code
<a href="javascript:openwindow('http://адрес сайта')">Название</a>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Dynamic Drive
Категория: JavaScript's | Просмотров: 2294 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: Плавное, окна, расширение
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]