Пятница, 19.04.2024, 10:48
ГлавнаяРегистрацияВход
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Web-Мастеру » HTML и CSS » Меню для меню (Оо...)
Меню для меню (Оо...)
all-softДата: Четверг, 22.05.2008, 22:39 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 10048
Репутация: 1
Статус: Offline
Содержимое этой таблицы поместите между <HEAD> и </HEAD>
Code
<style>
a:link, a:visited, a:active { text-decoration: none; color: white;}
a:hover { text-decoration: none; color: yellow; }
</style>
<SCRIPT LANGUAGE=JavaScript><!--
act='sm'+1;
dd=document;
NS=(dd.layers)?1:0
function setob(L){
if(NS){
obg=dd.layers[L]
}    
else {
obg=dd.getElementById(L);
obg=obg.style
}
}
function showlr(L){
setob(L);
if(NS)obg.visibility='show';
else
obg.visibility='visible'
}
function hidelr(L){
setob(L);
if(NS)obg.visibility='hide';
else
obg.visibility='hidden'
}
function slide(lName){
objX='sm'+lName;x=-120;
hidelr(act);
act='sm'+lName;
showlr(objX);
slide1(objX)
}
function slide1(lName){
objX=lName;
x+=10;

obg.left=x;
if (x<10)
setTimeout("slide1(objX)",10);
else    
x=-200
}
//--></SCRIPT>

Содержимое этой таблицы поместите между <BODY> и </BODY> там где хотите видеть меню
Code
<DIV ID=sm1 STYLE="position:absolute;left:-200;top:216;width:180;height:230; z-index:1">
<TABLE bgColor=#330000 border=0 cellPadding=0 cellSpacing=0 width=180>
<TR><TD align=center><FONT color=#ffcc66>Beloved creature:</FONT></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Whisker</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Pads</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Tail</a></TD></TR>
<TR bgColor=#ff3300><TD><a href=#top onclick=hidelr('sm1') class=sm>Hate it!</a></TD></TR>
</TABLE></DIV>

<DIV ID=sm2 STYLE="position:absolute;left:-200;top:216;width:180;height:230">
<TABLE bgColor=#660000 border=0 cellPadding=0 cellSpacing=0 width=180>
<TR><TD align=center><FONT color=#ffcc66>Beloved creature-2:</FONT></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Eyes</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Ears</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Legs</a></TD></TR>
<TR bgColor=#ff0000><TD><a href=#top onmouseover=hidelr('sm2') class=sm>Hate! Hate! Hate!</a></TD></TR>
</TABLE></DIV>

<DIV ID=sm3 STYLE="position:absolute;left:-200;top:216;width:180;height:230">
<TABLE bgColor=#cc0000 border=0 cellPadding=0 cellSpacing=0 width=180>
<TR><TD align=center><FONT color=#ffcc66>Favorite links</FONT></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Playboy</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Playgirl</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>President Administration</a></TD></TR>
</TABLE></DIV>

<DIV ID=sm4 STYLE="position:absolute;left:-200;top:216;width:180;height:230">
<TABLE bgColor=#990000 border=0 cellPadding=0 cellSpacing=0 width=180>
<TR><TD align=center><FONT color=#ffcc66>Map of site:</FONT></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Map 1</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Map 2</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>Map 3</a></TD></TR>
</TABLE></DIV>

<DIV ID=sm5 STYLE="position:absolute;left:-200;top:216;width:180;height:230">
<TABLE bgColor=#ff0000 border=0 cellPadding=0 cellSpacing=0 width=180>
<TR><TD align=center><FONT color=#ffcc66>Any news?</FONT></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>VERY COOL!!!</a></TD></TR>
<TR bgColor=#996633><TD><a href=#top class=sm>It wasn't end, yet.</a></TD></TR>
</TABLE></DIV>

<DIV STYLE="position:absolute;left:10;top:0">
<TABLE border=0 cellSpacing=0 width=150>
<TR><TD width=190 valign=top bgColor=#ffcc66>
<table width=180 height=22>
<tr bgColor=#330000><td><a href=#top class=mm onclick=slide(1)>Beloved cat</a></td></tr>
<tr bgColor=#660000><td><a href=#top class=mm onclick=slide(2)>Beloved (wo)man</a></td></tr>
<tr bgColor=#990000><td><a href=#top class=mm onclick=slide(3)>Favorite links</a></td></tr>
<tr bgColor=#cc0000><td><a href=#top class=mm onclick=slide(4)>Map of site</a></td></tr>
<tr bgColor=#ff0000><td><a href=#top class=mm onclick=slide(5)>News</a></td></tr>
</table></div>
</TD></TR></TABLE></div>    
    
 
Награды:
Форум » Web-Мастеру » HTML и CSS » Меню для меню (Оо...)
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024Сделать бесплатный сайт с uCoz