Меню прижато к верху и исчезает при прокручивании списка «Кто в чате».
В моём чате не работает. Возможно где-то ошибка кода,требуется знающим людям изучить.
Но Выложил потому,что сам скрипт интересен.
<script type="text/javascript">
var intHide;
var intShow;
var speed=3;
menuh=0;
menup=0;
mymenu = null;
function mymenu_init()
{
mymenu = document.getElementById("mymenu");
var menu_content = document.getElementById("mymenu_content");
menuh = menu_content.offsetHeight;
menup = -menuh;
mymenu_position();
menu_content.style.visibility = 'visible';
menu_content.style.position = 'relative';
}
function mymenu_show()
{
clearInterval(intHide)
intShow=setInterval("mymenu_doshow()",10)
}
function mymenu_hide()
{
clearInterval(intShow)
intHide=setInterval("mymenu_dohide()",10)
}
function mymenu_doshow()
{
if(menup < 0){
menup = Math.min(0, menup+speed);
}
mymenu_position();
}
function mymenu_dohide()
{
if (menup > -menuh)
{
menup=Math.max(-menuh, menup-speed);
}
mymenu_position();
}
function mymenu_position()
{
if(IE){
mymenu.style.position = 'absolute';
mymenu.style.top = document.getElementsByTagName("body")[0].scrollTop + menup + 'px';
}else{
mymenu.style.top = menup + 'px';
}
}
function Window ( URL, Width, Height, Flags ) {
parent.wwo (URL.replace (/[\W]/g, ""), URL, URL.replace (/[\W]/g, ""), Width, Height, Flags )
}
</script>
<style>
#mymenu {
position: fixed;
top: 0;
left: 0;
}
#mymenu_content {
visibility: hidden;
position: absolute;
}
#mymenu_header {
text-align: center;
}
div.mymenu
{
text-align: center;
background:black;
padding-bottom:5px;
z-index: 1;
width: 100%;
}
</style>
<div id="mymenu" class="mymenu" align="center" onmouseover="mymenu_show()" onmouseout="mymenu_hide()">
<div id="mymenu_content" class="mymenu_content">
<!-- Начало контента -->
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" onclick="Window('people/top?',0,0,129); return false;">ТОП 10</a><br>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" onclick="Window('creation/',0,0,129); return false;">Творчество</a><br>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" target=_blank onclick="Window('people/birthday',0,0,129); return false;">Дни рождения</a><br>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" onclick="Window('whowas?',0,0,129); return false;">Кто был</a><br>
<hr color=red>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" target=_blank>Фото</a><br>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" target=_blank>Сайт</a><br>
<hr color=red>
<a class="mynavlink" href="https://rip.offtopic.su" target=_blank>Наш форум</a><br>
<hr color=red>
Связаться с админом:<br>
<a class="mynavlink" href="mega.kuraev@bk.ru" target=_blank>Написать письмо</a><br>
<FONT color=#666666>АДМИН</FONT> <B><FONT color=#666666>ICQ 557-559</FONT><br><A href="http://wwp.icq.com/557559" target=_blank><IMG height=14 src="http://online.mirabilis.com/scripts/online.dll?icq=557559&img=9" width=55 align=absMiddle border=0></A>
<hr color=red>
<a class="mynavlink" href="http://tainiezhelaniya.august4u.ru/" target=_blank>Создать свой чат</a>
<hr color=red>
<!-- Конец контента -->
</div>
<div id="mymenu_header">
Дополнительное меню
</div>
</div>
<script type="text/javascript">
mymenu_init();
</script>