Форум Flasher.ru - Сползающий слой. Хочу.

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)

- - Сползающий слой. Хочу. (http://www.flasher.ru/forum/showthread.php?t=60339)

Сползающий слой. Хочу.

Друзья, кто знает Java скрипт, который управлял был слоем <div> таким образом, чтобы при скролинге страницы этот слой медленно сползал на свою абсолютную по отношению к окну позицию. Я видел у кого-то такие сползающие менюшки. Подскажите, пожалуйста.

На скрипт, писал не я, и может быть что-нибудь лишнее :rolleyes: , так что сам разбирайся

Код:

<style>

#divBottom{position:absolute; font-family:arial,helvetica; height:20; width:100; font-size:12pt; font-weight:bold} 

</style>

<script>

function exit(){close()}

var gright=170

var gbottom=40

var n = (document.layers) ? 1:0;

var ie = (document.all) ? 1:0;

function makeObj(obj,nest){

nest=(!nest) ? '':'document.'+nest+'.'

this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')

this.moveIt=b_moveIt;

}

function b_moveIt(x,y){

this.x=x; this.y=y

   this.css.left=this.x

this.css.top=this.y

}

var pageWidth,pageHeight

function geoInit(){

oTest=new makeObj('divBottom')

pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;

pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;

checkIt()

onresize=resized

if(ie) window.onscroll=checkIt;

}

function checkIt(){

if(ie) oTest.moveIt(document.body.scrollLeft +pageWidth-gright,document.body.scrollTop+pageHeight-gbottom)

else if(n){

oTest.moveIt(window.pageXOffset+pageWidth-gright, window.pageYOffset+pageHeight-gbottom)

setTimeout('checkIt()',20)

}

}

function resized(){

pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;

pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;

if(ie) checkIt()

}

onload=geoInit;

if(n || ie) document.write('<div id="divBottom"><a href="#begin" onClick="javascript:exit()">???????</a></div>')

</script>

Ладненько, спасибочки. Будем посмотреть.

Ещё раз спасибочки большое. Скрипт проверил, работает! Убрал лишнее function exit() последную строку убрал и сам создал <div>. И ещё кое какую мелочь подправил с переменными. Спасибо!!!

Для особо ленивых

Цитата:

Оригинал написал(а) getaka
Ещё раз спасибочки большое. Скрипт проверил, работает! Убрал лишнее function exit() последную строку убрал и сам создал <div>. И ещё кое какую мелочь подправил с переменными. Спасибо!!!

Слушай, если не тудно, брось, плиз, очищенный вариант.:)

1) Создайте в <body> слой: <div id="divBottom" ></div>
------------------------------------------------------
2) Задайте ему в <head> любой стиль, например:

<style>
#divBottom {
background-color: #990000;
тыры-пыры...ля-ля-ля.
}
</style>
-------------------------------------------------------
3) Поместите в <head> следующий скрипт:

<SCRIPT LANGUAGE=JavaScript>

</SCRIPT>
-------------------------------
4) Всё!!! Счастливого запуска! :cool:

Друзья, всё это прекрасно! Но я вот о чём подумал. А есть ли у кого скрипт, который работает чуть-чуть иначе. А именно, слой спускается не сразу при скролинге, а обладая инерцией, ждёт когда пользователь прекратит скролинг страницы и только после этого слой медленно спускается на свою позицию. А?

Re: Сползающий слой. Хочу.

Цитата:

Оригинал написал(а) getaka
Друзья, кто знает Java скрипт, который управлял был слоем <div> таким образом, чтобы при скролинге страницы этот слой медленно сползал на свою абсолютную по отношению к окну позицию. Я видел у кого-то такие сползающие менюшки. Подскажите, пожалуйста.