Пятница, 29.03.2024, 10:45
ГлавнаяРегистрацияВход
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Web-Мастеру » HTML и CSS » Выезжающее меню
Выезжающее меню
all-softДата: Четверг, 22.05.2008, 22:37 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 10048
Репутация: 1
Статус: Offline
Содержимое этой таблицы поместите между <HEAD> и </HEAD>
Code
<script language="JavaScript1.2">

function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};

function makeStatic() {
if (document.all) {object1.style.pixelTop= document.body.scrollTop+20}
else {eval(document.object1.top= eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>

<style>
<!--

.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>

Содержимое этой таблицы поместите между <BODY> и </BODY>
Code
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">

<script language="JavaScript1.2">

function positionmenu(){
move(-132)
}

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>

<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>

<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"> <p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U </font></p> </span></TD>')
</script>

</tr>

<script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}

var text=new Array();
var thelink=new Array();

//configure thelinks below. Extend as desired

text[0]="Рыба";
text[1]="Мясо";
text[2]="Колбаса";
text[3]="Икра";
text[4]="Сыр";
text[5]="Конфеты";
text[6]="Сигареты";
text[7]="Водка";

thelink[0]="#top";
thelink[1]="#top";
thelink[2]="#top";
thelink[3]="#top";
thelink[4]="#top";
thelink[5]="#top";
thelink[6]="#top";
thelink[7]="#top";

//Введите здесь target
//ПРАВИЛЬНОЕ ОБОЗНАЧЕНИЕ  'new'-для нового окна, ' ' - для этого окна, 'framename' (где 'framename' имя фрэйма)
var linktarget=' '

///DO NOT EDIT BELOW THIS LINE////////////////

function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}

for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A> </FONT></LAYER></ILAYER></TD></TR>')}

//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>   
   
 
Награды:
Форум » Web-Мастеру » HTML и CSS » Выезжающее меню
  • Страница 1 из 1
  • 1
Поиск:

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