В этой статье описывается метод использования JS для скольжения вниз, чтобы скрыть меню. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Кода -копия выглядит следующим образом:
<html>
<голова>
<Title> Скрытое меню, скрытое в левом верхнем углу веб -страницы, ощущая, как мышь скользят вниз </title>
<style>#d1 {
Фоновый цвет: синий;
Пограничный подъем: белый 2px переживает;
РЕМЕР-ЛЕРФ: белый 2px переживает;
Граница правая: белый 2px переживает;
Пограничная топ: белый 2px
Слева: 0px; Позиция: абсолютно;
Верх: 0px; Видимость: скрыта;
Ширина: 300px;
Слои-размер цвета: Lightgreen
}
a {font-size: 9pt; цвет:#000000}
A: Link {Text-Decoration: нет}
A: Hover {Text-Decoration: None; Color: #ffffff}
A: Посещено {текстовое декорация: нет}
.40pt {font-size: 40pt; цвет:#ub39a1; font-family: традиционная традиционная янтарь}
</style>
<script language = "javascript">
Функциональный меню () // Скрыть
{
if (n4) {
cleartimeout (out_id)
if (menu.top> menuh*-1+20+10) {
Menu.top -= 8
in_id = settimeout ("menuin ()", 1)
}
else if (menu.top> menuh*-1+20) {
menu.top--
in_id = settimeout ("menuin ()", 1)
}
}
еще {
cleartimeout (out_id)
if (menu.pixeltop> menuh*-1+20+10) {
Menu.pixeltop -= 8
in_id = settimeout ("menuin ()", 1)
}
else if (menu.pixeltop> menuh*-1+20) {
menu.pixeltop--
in_id = settimeout ("menuin ()", 1)
}
}
}
Функциональный меню () // Дисплей меню
{
if (n4) {
cleartimeout (in_id)
if (menu.top <-10) {
Menu.top += 4
out_id = settimeout ("menuout ()", 1)
}
else if (menu.top <0) {
Menu.top ++
out_id = settimeout ("menuout ()", 1)
}
}
еще {
cleartimeout (in_id)
if (menu.pixeltop <-10) {
Menu.pixeltop += 2
out_id = settimeout ("menuout ()", 1)
}
else if (menu.pixeltop <0) {
menu.pixeltop ++
out_id = settimeout ("menuout ()", 1)
}
}
}
function FireOver () {
cleartimeout (f_out)
F_over = settimeout ("menuout ()", 10)
}
function fireout () {
cleartimeout (f_over)
F_out = settimeout ("menuin ()", 10)
}
function init () {
if (n4) {
меню = документ.d1
menuh = menu.document.height
menu.top = menu.document.height*-1+20
menu.onmouseover = menuout
menu.onmouseout = меню
menu.visibubility = "visible"
}
иначе if (e4) {
Меню = D1.Syle
menuh = d1.offsetheight
D1.style.pixeltop = d1.offsetheight*-1+20
D1.onmouseover = Fireover
D1.onmouseout = Fireout
D1.style.visibility = "visible"
}
}
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">
<Таблица>
<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">
Вариант 1 </a>
</li>
<li> <a href = "li#nogo">
Вариант 2 </a>
</li>
<li> <a href = "#nogo">
Вариант 3 </a>
</li>
<li> <a href = "#nogo">
Вариант 4 </a>
</li>
<li> <a href = "#nogo">
Вариант 5 </a>
</li>
</ul>
</td>
<td> <br> <br> <ul>
<li> <a href = "#nogo">
Вариант 6 </a>
</li>
<li> <a href = "#nogo">
Вариант 7 </a>
</li>
<li> <a href = "#nogo">
Вариант 8 </a>
</li>
<li> <a href = "#nogo">
Вариант 9 </a>
</li>
<li> <a href = "#nogo">
Вариант 10 </a>
</li>
</ul>
</td>
</tr>
<tr>
<td align = "справа" colspan = "2">
</td>
</tr>
</Tbody>
</table>
</div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.