So implementieren Sie ein Javascript-Menü

So implementieren Sie das Javascript-Menü: Stellen Sie das Menü zunächst mit einer Tabellenzeile dar. Platzieren Sie dann alle Menüelemente unter diesem Menü in der einzigen Zelle in einer Tabellenzeile, und verwenden Sie schließlich js-Code, um Menüklickereignisse zu verarbeiten.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

So implementieren Sie das Javascript-Menü:

1. Verwenden Sie eine Tabellenzeile, um das Menü darzustellen (Menü). Es gibt nur eine Zelle, in der der Inhalt der Name des Menüs ist, z. B.:

Html-Code

<TR>  
         <TD id="td_0" align="middle" width="89%" bgColor=#1f65c2>  
         <A href="javascript:Show(0)">基础数据管理</A>     
        </TD>  
</TR>   
<TR>
         <TD id="td_0" align="middle" width="89%" bgColor=#1f65c2>
         <A href="javascript:Show(0)">基础数据管理</A>  
        </TD>
</TR>

Dieser Ort gibt Die Zelle, die das Menü darstellt, definiert auch eine ID. Die Definition dieser ID ist sehr wichtig und auf der gesamten Seite sichtbar, sodass die Attribute des Elements, das sie darstellt, über die ID angegeben werden können. Der Inhalt der Zelle ist ein Hyperlink, der eine Javascript-Methode angibt, um auf das Ereignis zu reagieren, nachdem auf dieses Menü geklickt wurde.

2 Alle Menüelemente unter diesem Menü werden in einer Tabellenzeile direkt nach dem Menü platziert. Verwenden Sie Zeilenumbrüche, um sie vertikal anzuordnen. Beachten Sie, dass hier eine ID für die Tabellenzeile definiert ist, in der die Menüelemente platziert werden Der Anfangszustand des Menüs ist reduziert, das heißt, diese Zeile ist nicht sichtbar, daher wird der CSS-Code style="display:none" verwendet.

3 Der dritte Schritt steht im Mittelpunkt des gesamten Prozesses Js-Code, um damit umzugehen

Das obige ist der detaillierte Inhalt vonSo implementieren Sie ein Javascript-Menü. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!