Dieser Artikel beschreibt die Methode, JS zum Verbleiten von Menüs nach unten zu schieben. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<titels> Verstecktes Menü in der oberen linken Ecke der Webseite versteckt und erfasst, dass die Maus nach unten gleitet </title>
<Styles>#d1 {
Hintergrundfarbe: Blau;
Borderboot: White 2PX Outset;
Border-Links: Weißer 2PX-Outset;
Grenzrechte: White 2PX Outset;
Border-Top: White 2PX Outset;
Links: 0px; Position: absolut;
Oben: 0px; Sichtbarkeit: versteckt;
Breite: 300px;
Layer-Background-Color: LightGreen
}
A {Schriftgröße: 9PT; Farbe:#000000}
A: Link {Textdekoration: Keine}
A: Hover {Textdekoration: Keine; Farbe: #ffffff}
A: Besucht {Textdekoration: Keine}
.40pt {Schriftgröße: 40pt; Farbe:#UB39A1; Schriftfamilie: Wending Amber Traditional}
</style>
<script Language = "JavaScript">
Funktionsmenü () // Menü ausblenden
{
if (n4) {
Clearimeout (out_id)
if (Menü.Top> Menüh*-1+20+10) {
Menü.Top -= 8
in_id = setTimeout ("Menüin ()", 1)
}
else if (mseu.top> Menüh*-1+20) {
Menü.Top--
in_id = setTimeout ("Menüin ()", 1)
}
}
anders {
Clearimeout (out_id)
if (mseu.pixeltop> Menüh*-1+20+10) {
Menü.Pixeltop -= 8
in_id = setTimeout ("Menüin ()", 1)
}
else if (mseu.pixeltop> mseu*-1+20) {
Menü.pixeltop--
in_id = setTimeout ("Menüin ()", 1)
}
}
}
Funktionsmenü () // Menüanzeige
{
if (n4) {
Clearimeout (in_id)
if (Menü.top <-10) {
Menü.Top += 4
out_id = setTimeout ("muemenout ()", 1)
}
sonst if (Menü.top <0) {
Menü.top ++
out_id = setTimeout ("muemenout ()", 1)
}
}
anders {
Clearimeout (in_id)
if (mseu.pixeltop <-10) {
Menü.pixeltop += 2
out_id = setTimeout ("muemenout ()", 1)
}
else if (mseu.pixeltop <0) {
Menü.pixeltop ++
out_id = setTimeout ("muemenout ()", 1)
}
}
}
Funktion fireover () {
Clearimeout (F_Out)
F_over = setTimeout ("musemuout ()", 10)
}
Funktion Fireout () {
Clearimeout (F_Over)
F_out = setTimeout ("Menüin ()", 10)
}
Funktion init () {
if (n4) {
Menü = document.d1
Menüh = Menü.Document.Height
Menü.Top = Menü.Document.Height*-1+20
Menü.Onmouseover = Menuout
Menü.onmouseout = Menüin
Menü.vissibility = "sichtbar"
}
sonst wenn (e4) {
Menü = d1.Style
Menüh = d1.offseteight
D1.style.pixeltop = d1.offseteight*-1+20
D1.Onmouseover = FireOver
D1.onmouseout = Fireout
D1.Style.vissibility = "sichtbar"
}
}
F_over = f_out = in_id = out_id = null
n4 = (document.layers)? 1: 0
e4 = (document.all)? 1: 0;
</script>
</head>
<Body Onload = "init ()">
<div id = "d1">
<tabelle>
<tbody>
<tr>
<td align = "Middle" bgcolor = "ub39a1" rowspan = "2"> <b style = "color: ub39a1">
M <br>
E <br>
N <br>
U </b> </td>
<td> <br> <br> <ul>
<li> <a href = "#nogo">
Option 1 </a>
</li>
<li> <a href = "li#nogo">
Option 2 </a>
</li>
<li> <a href = "#nogo">
Option 3 </a>
</li>
<li> <a href = "#nogo">
Option 4 </a>
</li>
<li> <a href = "#nogo">
Option 5 </a>
</li>
</ul>
</td>
<td> <br> <br> <ul>
<li> <a href = "#nogo">
Option 6 </a>
</li>
<li> <a href = "#nogo">
Option 7 </a>
</li>
<li> <a href = "#nogo">
Option 8 </a>
</li>
<li> <a href = "#nogo">
Option 9 </a>
</li>
<li> <a href = "#nogo">
Option 10 </a>
</li>
</ul>
</td>
</tr>
<tr>
<td align = "rechts" colspan = "2">
</td>
</tr>
</Tbody>
</table>
</div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.