Создание отезжающего вниз блока
приветствую
помогите плиз, чото у самого ниче не получается
Например
<Заголовок>
по щелчку по заголовку чтобы отъезжал блок вниз, а по щелчку по следующему, первый закрывался а открывался второй
помогите плиз, чото у самого ниче не получается
Например
<Заголовок>
по щелчку по заголовку чтобы отъезжал блок вниз, а по щелчку по следующему, первый закрывался а открывался второй
покажи какой - нибудь код или хотя бы макет, на что равняться.
Ты хочешь это реализовать исключительно средствами html и css?
Ты имеешь в виду что-то типа лист-бокса?
Я как-то делал что типа этого, тож долго парился т.к. готовые скрипто не люблю ибо разбираться в чужом коде с ума сойти можно, короче вот держи код:
<HTML>
<HEAD>
<SCRIPT LANGUAGE='JavaScript'>
function visible_link()
{
if (document.all.select.style.visibility=='visible') {document.all.select.style.visibility='hidden';}
else {document.all.select.style.visibility='visible'; document.all.select.style.pixelTop=document.body.scrollTop+50; document.all.select.style.pixelLeft=(screen.availWidth-100)/2 }
}
</SCRIPT>
</HEAD>
<BODY TEXT='white' BGCOLOR='black' onKeyUp="visible_link();">
<TABLE CELLSPACING="1" CELLPADDING="0" BORDER="0" BGCOLOR="black" STYLE="POSITION: absolute; VISIBILITY: hidden;" ID="select"><TR><TD CLASS="content_blue" WIDTH="250" HEIGHT="20" STYLE="BORDER-LEFT: 1px solid; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid;" onClick="visible_link();"><CENTER ID="select_default">Выберите раздел</CENTER>
<TD WIDTH="20" HEIGHT="20" BGCOLOR="RGB(0,0,0)" STYLE="BORDER-LEFT: 1px solid; BORDER-right: 1px solid; BORDER-TOP: 1px solid; BORDER-BOTTOM: 1px solid;"><IMG SRC="pic/close.gif" ALT="Закрыть меню" ID="select_arrow" WIDTH="20" HEIGHT="20" STYLE="CURSOR: hand;" onClick="document.all.select.style.visibility='hidden'" onMouseOver="style.filter='Alpha(Opacity=90,FinishOpacity=45,Style=2)'" onMouseOut="style.filter='Alpha(Opacity=100,FinishOpacity=100,Style=0)'"></TD></TR>
<TR><TD COLSPAN="2" STYLE="BORDER-LEFT: 1px solid RGB(255,255,255); BORDER-TOP: 1px solid RGB(255,255,255); BORDER-RIGHT: 1px solid RGB(255,255,255); BORDER-BOTTOM: 1px solid RGB(255,255,255);" WIDTH="250" HEIGHT="20" BGCOLOR="RGB(0,0,0)">
бла-бла<BR>
бла-бла<BR>
бла-бла<BR>
бла-бла<BR>
</TD>
</TR>
</TABLE>
<DIV onClick='visible_link()' STYLE='CURSOR: hand'>Меню</DIV>
</BODY>
<HTML>
Я как-то делал что типа этого, тож долго парился т.к. готовые скрипто не люблю ибо разбираться в чужом коде с ума сойти можно, короче вот держи код:
<HTML>
<HEAD>
<SCRIPT LANGUAGE='JavaScript'>
function visible_link()
{
if (document.all.select.style.visibility=='visible') {document.all.select.style.visibility='hidden';}
else {document.all.select.style.visibility='visible'; document.all.select.style.pixelTop=document.body.scrollTop+50; document.all.select.style.pixelLeft=(screen.availWidth-100)/2 }
}
</SCRIPT>
</HEAD>
<BODY TEXT='white' BGCOLOR='black' onKeyUp="visible_link();">
<TABLE CELLSPACING="1" CELLPADDING="0" BORDER="0" BGCOLOR="black" STYLE="POSITION: absolute; VISIBILITY: hidden;" ID="select"><TR><TD CLASS="content_blue" WIDTH="250" HEIGHT="20" STYLE="BORDER-LEFT: 1px solid; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid;" onClick="visible_link();"><CENTER ID="select_default">Выберите раздел</CENTER>
<TD WIDTH="20" HEIGHT="20" BGCOLOR="RGB(0,0,0)" STYLE="BORDER-LEFT: 1px solid; BORDER-right: 1px solid; BORDER-TOP: 1px solid; BORDER-BOTTOM: 1px solid;"><IMG SRC="pic/close.gif" ALT="Закрыть меню" ID="select_arrow" WIDTH="20" HEIGHT="20" STYLE="CURSOR: hand;" onClick="document.all.select.style.visibility='hidden'" onMouseOver="style.filter='Alpha(Opacity=90,FinishOpacity=45,Style=2)'" onMouseOut="style.filter='Alpha(Opacity=100,FinishOpacity=100,Style=0)'"></TD></TR>
<TR><TD COLSPAN="2" STYLE="BORDER-LEFT: 1px solid RGB(255,255,255); BORDER-TOP: 1px solid RGB(255,255,255); BORDER-RIGHT: 1px solid RGB(255,255,255); BORDER-BOTTOM: 1px solid RGB(255,255,255);" WIDTH="250" HEIGHT="20" BGCOLOR="RGB(0,0,0)">
бла-бла<BR>
бла-бла<BR>
бла-бла<BR>
бла-бла<BR>
</TD>
</TR>
</TABLE>
<DIV onClick='visible_link()' STYLE='CURSOR: hand'>Меню</DIV>
</BODY>
<HTML>
оформи код
