А я еще вот так делал Code <script type="text/javascript"> var tmpid,am,let,count; function tree(letter, amount) { count=1; am=amount; let=letter; show2(); } function show2() { if(count<am) { tmpid = '' + let + count; setTimeout('show(tmpid, 1)', 15); count++; } else if(count==am) { tmpid = '' + let + count; setTimeout('show(tmpid, 0)', 15); } } function show(id, flag) { var el = document.getElementById(id); el.style.display = (el.style.display == 'block')?'none':'block'; el.style.height = (el.style.height == 24)?0:24; if(flag!=0) show2(); } </script> нужен CSS: Code #linksmenu2 a{ float:left; width:249px; height:25px; background-color: #F9FAFB; border-Bottom: 1px solid #F9FAFB; font: Arial sans-serif; font-size: 13px; color: Maroon; text-decoration:none; padding-top: 6px; }
#linksmenu2 a:hover{ background-color: #EBEEF1; border-Bottom: 1px solid #E1E4EA; color: Black; }
#SubLink a{ float:Left; width:249px; height:20px; background-color: #F9FAFB; border-Bottom: 1px solid #F9FAFB; font: Arial sans-serif; font-size: 11px; color: #597A9B; text-decoration:none; padding-top: 4px; text-indent : 20px; }
#SubLink a:hover{ background-color: #EBEEF1; border-Bottom: 1px solid #E1E4EA; color: Black; } <div id="linksmenu2"><a href="#" onclick="tree('a', 4)"><b>Графика</b></a></div> <div id="SubLink"> <div id="a1" style="Display:none"><a href="#">Ссылка</a></div> <div id="a2" style="Display:none"><a href="#">Ссылка</a></div> <div id="a3" style="Display:none"><a href="#">Ссылка</a></div> <div id="a4" style="Display:none"><a href="#">Ссылка</a></div> </div> <div id="linksmenu2"><a href="#" onclick="tree('b', 4)"><b>Сети</b></a></div> <div id="SubLink"> <div id="b1" style="Display:none"><a href="#">Ссылка</a></div> <div id="b2" style="Display:none"><a href="#">Ссылка</a></div> <div id="b3" style="Display:none"><a href="#">Ссылка</a></div> <div id="b4" style="Display:none"><a href="#">Ссылка</a></div> </div> Придется правда адаптировать под свой сайт!
Не оказываю помощь через личные сообщения и ICQ
|