Este artículo describe el método de usar JS para deslizarse hacia abajo para ocultar los menús. Compártelo para su referencia. El método de implementación específico es el siguiente:
La copia del código es la siguiente:
<html>
<Evista>
<title> Menú oculto oculto en la esquina superior izquierda de la página web, sintiendo que el mouse se desliza hacia abajo </title>
<syle>#d1 {
Color de fondo: azul;
Border-Bottom: Outpx White 2px;
Border-izquierda: comienzo blanco de 2px;
Border-Right: Out White 2px;
Border-TOP: Outpx blanco de 2px;
Izquierda: 0px; Posición: Absoluto;
Arriba: 0px; Visibilidad: oculto;
Ancho: 300px;
Color de capa de capa: Green Lightgreen
}
A {Font-Size: 9PT; Color:#000000}
A: enlace {Decoración de texto: ninguno}
A: Hover {Text-Decoration: None; Color: #ffffff}
A: Visited {Text-Decoration: None}
.40pt {Font-Size: 40Pt; Color:#UB39A1; Font-Family: Wending Amber tradicional}
</style>
<script language = "javaScript">
function Menuin () // Menú Ocultar
{
if (n4) {
ClearTimeOut (out_id)
if (menú.top> menú*-1+20+10) {
menú.top -= 8
in_id = setTimeOut ("menú ()", 1)
}
else if (menú.top> menuh*-1+20) {
menú.top--
in_id = setTimeOut ("menú ()", 1)
}
}
demás {
ClearTimeOut (out_id)
if (menú.pixeltop> menuh*-1+20+10) {
menú.pixeltop -= 8
in_id = setTimeOut ("menú ()", 1)
}
else if (menú.pixelTop> menuh*-1+20) {
menú.pixeltop--
in_id = setTimeOut ("menú ()", 1)
}
}
}
función menúut () // Pantalla de menú
{
if (n4) {
ClearTimeOut (in_id)
if (menú.top <-10) {
menú.top += 4
out_id = setTimeOut ("menú ()", 1)
}
else if (menú.top <0) {
menú.top ++
out_id = setTimeOut ("menú ()", 1)
}
}
demás {
ClearTimeOut (in_id)
if (menú.pixeltop <-10) {
menú.pixelTop += 2
out_id = setTimeOut ("menú ()", 1)
}
else if (menu.pixelTop <0) {
menú.pixeltop ++
out_id = setTimeOut ("menú ()", 1)
}
}
}
function finover () {
ClearTimeOut (f_out)
F_over = setTimeOut ("menú ()", 10)
}
function fireOut () {
ClearTimeOut (f_over)
F_out = setTimeout ("menú ()", 10)
}
función init () {
if (n4) {
menú = documento.d1
menuh = menú.document.Height
menú.top = menú.document.Height*-1+20
menú.onmouseover = MenuOut
menú.OnmouseOut = Menuin
menú.Visibility = "Visible"
}
else if (e4) {
menú = D1.style
Menuh = D1.Offsetheight
D1.style.pixeltop = d1.Offsetheight*-1+20
D1.onmouseover = finover
D1.onmouseOut = FireOut
D1.style.visibility = "Visible"
}
}
F_over = f_out = in_id = out_id = null
n4 = (document.layers)? 1: 0
e4 = (documento.lal)? 1: 0;
</script>
</ablo>
<Body Onload = "init ()">
<div id = "d1">
<Table>
<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">
Opción 1 </a>
</li>
<li> <a href = "li#nogo">
Opción 2 </a>
</li>
<li> <a href = "#nogo">
Opción 3 </a>
</li>
<li> <a href = "#nogo">
Opción 4 </a>
</li>
<li> <a href = "#nogo">
Opción 5 </a>
</li>
</ul>
</td>
<TD> <br> <br> <ul>
<li> <a href = "#nogo">
Opción 6 </a>
</li>
<li> <a href = "#nogo">
Opción 7 </a>
</li>
<li> <a href = "#nogo">
Opción 8 </a>
</li>
<li> <a href = "#nogo">
Opción 9 </a>
</li>
<li> <a href = "#nogo">
Opción 10 </a>
</li>
</ul>
</td>
</tr>
<tr>
<td align = "right" colspan = "2">
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.