function move() // Функция перемещения: — КиберПедия 

Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов (88‰)...

Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...

Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Устройство и оснащение процедурного кабинета: Решающая роль в обеспечении правильного лечения пациентов отводится процедурной медсестре...

Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...

Теоретическая значимость работы: Описание теоретической значимости (ценности) результатов исследования должно присутствовать во введении...

Интересное:

Влияние предпринимательской среды на эффективное функционирование предприятия: Предпринимательская среда – это совокупность внешних и внутренних факторов, оказывающих влияние на функционирование фирмы...

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспруденция

function move() // Функция перемещения:

2020-05-07 145
function move() // Функция перемещения: 0.00 из 5.00 0 оценок
Заказать работу

⇐ ПредыдущаяСтр 27 из 27

{

myObj=eval("document.getElementById('obj')");

myObj.style.top=document.body.scrollTop; // обьект настолько удален от верхнего угла документа,

for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов

{

mymenu=eval("document.getElementById('menu' +i)"); // получает выпадающее меню

mymenu.style.top=document.body.scrollTop+myObj.rows[0].cells[i-1].offsetHeight; // устанавливает свойства выпадающих списков, с большой точностью

mymenu.style.left=myObj.rows[0].cells[i-1].offsetLeft+myObj.offsetLeft; // определяя высоту и отступ слева

if (navigator.appName == "Netscape")

{

mymenu.style.display="none"; // закрыть все меню (в Нетскейпе могут некорректно закрываться)

}

}

}

window.onresize=move; // Обьявляются обработчики событий: изменение размеров

window.onscroll=move; // и скролинг вызывают функцию move

if (navigator.appName == "Netscape")

{

window.onkeyup=move; // Netscape не генерирует scroll если прокрутка идет с клавиатуры

window.onclick=move; // Netscape не генерирует scroll если прокрутка идет колесом мыши

} // частично это компенсируется реакцией на щелчок.

Выкидное меню еще вариант.
<html>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<TITLE> МЕню из выпадающих списков.</TITLE>

<SCRIPT LANGUAGE="JavaScript"><!—
function initMenu() { // закрывает изначально открытые выпадающие списки
myObj=eval("document.getElementById('obj')");
for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов
{
mymenu=eval("document.getElementById('menu'+i)"); // получает элемент
mymenu.style.display='none';
}
move(); // Если хотим его перемещать
}

function hide(menu) {
mymenu=eval("document.getElementById(menu)");
mymenu.style.display="none";
}
function show(menu) { // Раздельное скрытие. Раскрытие работает корректней
if (navigator.appName == "Netscape")
{
for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов
{
mymenu=eval("document.getElementById('menu' +i)"); // получает выпадающее меню
mymenu.style.display="none"; // закрыть все меню (в Нетскейпе могут некорректно закрываться)
}
}
mymenu=eval("document.getElementById(menu)");
mymenu.style.display="block";
}
function move() // Функция перемещения:
{
myObj=eval("document.getElementById('obj')");
myObj.style.top=document.body.scrollTop; // обьект настолько удален от верхнего угла документа,
for(i=1;i<=myObj.rows[0].cells.length;i++) // Пока i=1, не достигнет количества столбцов
{
mymenu=eval("document.getElementById('menu' +i)"); // получает выпадающее меню
mymenu.style.top=document.body.scrollTop+myObj.rows[0].cells[i-1].offsetHeight; // устанавливает свойства выпадающих списков, с большой точностью
mymenu.style.left=myObj.rows[0].cells[i-1].offsetLeft+myObj.offsetLeft; // определяя высоту и отступ слева
if (navigator.appName == "Netscape")
{
mymenu.style.display="none"; // закрыть все меню (в Нетскейпе могут некорректно закрываться)
}
}
}
window.onresize=move; // Обьявляются обработчики событий: изменение размеров
window.onscroll=move; // и скролинг вызывают функцию move
if (navigator.appName == "Netscape")
{
window.onkeyup=move; // Netscape не генерирует scroll если прокрутка идет с клавиатуры
window.onclick=move; // Netscape не генерирует scroll если прокрутка идет колесом мыши
} // частично это компенсируется реакцией на щелчок

//--></SCRIPT>
<STYLE TYPE="text/css">
H1, H2, H3 {text-align:center; margin:0 -10 10; color:Teal;}
TD {text-align:center; font-size:80%; Padding:0pt 5pt;}
div {position:absolute; Z-Index:20; background:#FEB834;cursor:default;}
dt {white-space: nowrap; Padding:0pt 5pt}
.R4:link {TEXT-DECORATION: none; cursor: default;}
:link #I,:visited #1 {TEXT-DECORATION: none; color:black; background:#FEB834; cursor: default;}
:hover #I {background:orange;}
#I {position: relative;}
</STYLE>
</head>
<BODY onload="initMenu();">
<div style="position: absolute;top:-300px"><h1><b><i>Создание выпадающее JavaScript CSS меню скачать учебники html справочник книга бесплатно помощь </i></b></h1></div>

<Table id="obj" cellpadding=0 CELLSPACING=0 border=1px
BGCOLOR=#FEB834 style="border-collapse:collapse;cursor:default;position:absolute;top:0px">
<TR>
<TD onmouseover="show('menu1');" onmouseout="hide('menu1');">Файл</TD>
<TD onmouseover="show('menu2');" onmouseout="hide('menu2');">Правка</TD>
<TD onmouseover="show('menu3');" onmouseout="hide('menu3');">Вид</TD>
<TD onmouseover="show('menu4');" onmouseout="hide('menu4');">Избранное</TD>
<TD onmouseover="show('menu5');" onmouseout="hide('menu5');">Сервис</TD>
<TD onmouseover="show('menu6');" onmouseout="hide('menu6');">Справка</TD>
</TR>
</TABLE>

<div id="menu1" onmouseover="show('menu1');" onmouseout="hide('menu1');"
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>
<div id="menu2" onmouseover="show('menu2');" onmouseout="hide('menu2');">
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>
<div id="menu3" onmouseover="show('menu3');" onmouseout="hide('menu3');">
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>
<div id="menu4" onmouseover="show('menu4');" onmouseout="hide('menu4');">
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>
<div id="menu5" onmouseover="show('menu5');" onmouseout="hide('menu5');">
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>
<div id="menu6" onmouseover="show('menu6');" onmouseout="hide('menu6');">
<dt><A HREF="javascript:alert('Пункт меню 1');"><div id=I>1 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 2');"><div id=I>Пункт 2 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 3');"><div id=I>Пункт 3 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 4');"><div id=I>Пункт 4 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 5');"><div id=I>Пункт 5 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 6');"><div id=I>Пункт 6 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 7');"><div id=I>Пункт 7 меню 2</div></a>
<dt><A HREF="javascript:alert('Пункт меню 8');"><div id=I>Пункт 8 меню 2</div></a>
</div>

<h1 style="color:#a25a0a">"Тест"</h1>

<p>Обычное оформление страницы

</BODY>
</HTML>

⇐ Предыдущая18192021222324252627
Поделиться с друзьями:

Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...

Историки об Елизавете Петровне: Елизавета попала между двумя встречными культурными течениями, воспитывалась среди новых европейских веяний и преданий...

Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...

Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.011 с.