|
Помогите плиз решить задачку!Обсуждение темы Помогите плиз решить задачку! в разделе Зал дебютантов, часть категории ОБСУЖДЕНИЕ САЙТОВ; Всем привет!!! Люди, помогите плиз решить задачку. Сайт без фреймов, поэтому когда прокручиваешь страницу, меню исчезает из поля зрения и его не видно, ... |
|
Опции темы |
05.03.2004, 15:37 | #1 |
|
Всем привет!!!
Люди, помогите плиз решить задачку. Сайт без фреймов, поэтому когда прокручиваешь страницу, меню исчезает из поля зрения и его не видно, пока не вернешься в начало страницы. Хочу сделать так, чтобы при скроллинге страницы меню всегда оставалось навиду, т.е. чтобы оно "двигалось" за скроллингом. В общем, я думаю, суть понятна. Если кто-то знает, как такое сделать, помогите пожалуйста!!! Всем заранее спасибо!!! |
|
05.03.2004, 16:34 | #2 |
|
<SCRIPT language=JavaScript>
<!-- start window.onerror = null; var topMargin = 0; var slideTime = 1200; var ns6 = (!document.all && document.getElementById); var ie4 = (document.all); var ns4 = (document.layers); function layerObject(id,center ) { if (ns6) { this.obj = document.getElementById(id).style; this.obj.center = center ; return this.obj; } else if(ie4) { this.obj = document.all[id].style; this.obj.center = center ; return this.obj; } else if(ns4) { this.obj = document.layers[id]; this.obj.center= center ; return this.obj; } } function layerSetup() { floatLyr = new layerObject('floatLayer', pageWidth * .111); window.setInterval("main()", 10) } function floatObject() { if (ns4 || ns6) { findHt = window.innerHeight; } else if(ie4) { findHt = document.body.clientHeight; } } function main() { if (ns4) { this.currentY = document.layers["floatLayer"].top; this.scrollTop = window.pageYOffset; mainTrigger(); } else if(ns6) { this.currentY = parseInt(document.getElementById('floatLayer').sty le.top); this.scrollTop = scrollY; mainTrigger(); } else if(ie4) { this.currentY = floatLayer.style.pixelTop; this.scrollTop = document.body.scrollTop; mainTrigger(); } } function mainTrigger() { var newTargetY = this.scrollTop + this.topMargin; if ( this.currentY != newTargetY ) { if ( newTargetY != this.targetY ) { this.targetY = newTargetY; floatStart(); } animator(); } } function floatStart() { var now = new Date(); this.A = this.targetY - this.currentY; this.B = Math.PI / ( 2 * this.slideTime ); this.C = now.getTime(); if (Math.abs(this.A) > this.findHt) { this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt; this.A = this.A > 0 ? this.findHt : -this.findHt; } else { this.D = this.currentY; } } function animator() { var now = new Date(); var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D; newY = Math.round(newY); if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { if ( ie4 )document.all.floatLayer.style.pixelTop = newY; if ( ns4 )document.layers["floatLayer"].top = newY; if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"; } } function start() { if(ns6||ns4) { pageWidth = innerWidth; pageHeight = innerHeight; layerSetup(); floatObject(); } else if(ie4) { pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; layerSetup(); floatObject(); } } // End --> </SCRIPT> Это пишешь перед </head> затем в <BODY onload=start()> и потом: <DIV id=floatLayer style="WIDTH: ???px; HEIGHT: ???px; POSITION: absolute; TOP: ???px"> содержимое дива(таблица с сылками или линками, или вообще флеш-меню)</DIV> З.Ы. это если меню по центру страницы, если слева или справа, соответственно меняй параметры |
|
06.03.2004, 11:35 | #3 |
|
или ищи на www.woweb.ru в разделе скрипты, навигация...
|
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
помогите решить проблему | UrHolySoul | HTML, CSS, JavaScript | 3 | 19.05.2012 19:07 |
Помогите пожалуйста решить проблему со скачиванием сайта | Taai_Liira | HTML, CSS, JavaScript | 2 | 28.04.2010 17:49 |
Уважаемые web-мастера, помогите пожалуйста решить проблему | Artorius | HTML, CSS, JavaScript | 13 | 08.02.2010 23:54 |
помогите плиз с CSS | M.C. | HTML, CSS, JavaScript | 2 | 27.03.2009 02:50 |
помогите решить | edikbareew | Зал дебютантов | 5 | 24.06.2005 15:43 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|