Deutsch
Um einem Freund zu helfen, habe ich ein paar einfache Tabs geschrieben und sie Freunden in Not gewidmet. 1) Rufen Sie mehrere Punkte auf
<html> <head> <style> body { width:432px:208px; } .menu,.menu li { margin:0; padding:0; list-style:none; .menu .default { width:84px; float:left:10pt; margin-left:1px; active { width:84px; float:left; line-height:1.5; marker:pointer color:#FFFFFF; no-repeat; } #more { width:76px; -align:right } .con { width:422px; height:184px; margin:0 auto } </style> <head> <body> <script> function init(ids,cons,dis){ document.getElementById(ids ).getElementsByTagName('li')[0].className='active'; document.getElementById(cons).innerHTML=document.getElementById(dis+"l1").innerHTML; // document.getElementById(ids).onmouseover= function(){onmousOver(ids,cons,dis);}//Der Mauszeiger löst den Effekt aus document.getElementById(ids).onclick=function(){onmousOver(ids,cons,dis);}//Der Klick löst aus the effect} function onmousOver(ids,cons,dis){ o = o ||. window.event; var obj=o.target || if (obj.tagName=='LI'){ className==' active'||obj.id=='more')return; var o=document.getElementById(ids).getElementsByTagName('li'); for (var i=0;i<=o.length- 1;i++) {o[i].className='default'} obj.className='active'; if (obj.className=='active'){document.getElementById(cons).innerHTML=document.getElementById(dis +obj.id ).innerHTML;} } } </script> <!--#1--> <div class='tab'> <ul id='nav1' class='menu'> <li id=" l1" class= 'default'>Erste Nachricht</li> <li id="l2" class='default'>Zweite Nachricht</li> <li id="l3" class='default'>Dritte Nachricht</ li > <li id="l4" class='default'>The Fourth News</li> <li id="l5" class='default'>The Fifth News</li> </ul> <div class= ' con' id='con1'> </div> </div> <div style="display:none"> <div id="div1_l1"> <span>Ich habe im Forum nach einem Tab für a gesucht Es gibt keine ideale Wirkung.</span> </div> <div id="div1_l2"> <span>Also bin ich hier, um die Experten zu fragen, bitte helfen Sie! </span> </div> <div id="div1_l3"> <span>Ich habe ein paar zum Ändern gefunden, aber das Menü in der Kopfzeile ist zu schwer zu finden </span> </div> <div id= " div1_l4"> <span> Es ändert sich, wenn die Maus darauf platziert wird, kein Klicken erforderlich! </span> </div> <div id="div1_l5"> <span>Hinzugefügt! </span> </div> </div> <script> init('nav1','con1',"div1_"); > <ul id='nav2' class='menu'> <li id="l1" class='default'>Erste Nachricht</li> <li id="l2" class='default'>Zweite Nachricht </ li> <li id="l3" class='default'>The Third News</li> <li id="l4" class='default'>The Fourth News</li> <li id="more "> <a href="#" target=_blank>Mehr>></a></li> </ul> <div class='con' id='con2'> </div> </div> <div style ="display:none"> <div id="div2_l1"> <span>Ich möchte einen Tab erstellen, habe aber schon lange im Forum danach gesucht, ohne den idealen Effekt zu erzielen</span> </div > <div id= "div2_l2"> <span>Ich bin hier, um die Experten zu fragen: Bitte helfen Sie mir! </span> </div> <div id="div2_l3"> <span>Ich habe ein paar zum Ändern gefunden, aber das Menü in der Kopfzeile ist zu schwer zu finden </span> </div> <div id= " div2_l4"> <span> Es ändert sich, wenn die Maus darauf platziert wird, ohne zu klicken! </span> </div> </div> <script> init('nav2','con2',"div2_"); </script> <!--#3--> <div class='tab'); > <ul id='nav3' class='menu'> <li id="l1" class='default'>Erste Nachricht</li> <li id="l2" class='default'>Zweite Nachricht </ li> <li id="l3" class='default'>Dritte Neuigkeiten</li> <li id="more" style="width:160px"><a href="#" target=_blank> Mehr>> </a></li> </ul> <div class='con' id='con3'> </div> </div> <div style="display:none"> <div id ="div3_l1" > <span>Ich möchte einen Tab erstellen, habe aber schon lange im Forum danach gesucht, ohne den idealen Effekt</span> </div> <div id="div3_l2"> <span>Also ich Ich bin hier, um die Experten zu fragen. Hallo Leute, bitte helft! </span> </div> <div id="div3_l3"> <span>Ich habe ein paar zum Ändern gefunden, aber das Menü in der Kopfzeile ist zu schwer zu finden </span> </div> </div> <script> init('nav3','con3',"div3_"); </script> </body> </html>
