Обработка горизонтального меню при наведении курсора
Здравствуйте!
Написать сценарий графического горизонтального меню с появляющейся стрелкой над пунктом, у которого находится курсор. Как можно реализовать стрелку над меню? Капаю в эту сторону:
<html>
<head>
<script >
window.onload = function(){
var rez = document.getElementsByTagname("li");
//так не хочет работать,а если прописать ul свой id то alert отрабатывает
rez.onmouseover = function(){
alert('esrgsdghsd');
};
rez.onmouseout = function(){
alert('esrgssdfdghsd');
};
};
</script>
<style>
li{display: inline-block;}
body{margin: 0 auto; text-align:center; padding:20px;}
</style>
</head>
<body>
<ul >
<li><a href="#company">О компании</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#team">Сотрудники</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</body>
</html>
|
Цитата:
Цитата:
|
рони,
т,е я в переменную rez заношу все элементы li,а потом ловлю через onmouseover и это не верно? |
Пытаюсь сначала проверить отрабатывает ли мой alert
window.onload = function(){
var rez = document.getElementsByTagName("ul").getElementsByTagName("li");
rez.onmouseover = function(){
alert('esrgsdghsd');
};
rez.onmouseout = function(){
alert('esrgssdfdghsd');
};
};
Не отрабатывает :help: |
Может так будет
<html>
<head>
<meta charset="windows-1251">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script >
window.onload = function () {
var lis = document.getElementsByTagName('li');
for (var i = 0; i < lis.length; i++) {
var li = lis[i];
li.onmouseout = function () {
alert('Out')
};
li.onmouseover = function () {
alert('Over')
}
}
}
</script>
<style>
li{display: inline-block;}
body{margin: 0 auto; text-align:center; padding:20px;}
</style>
</head>
<body>
<ul >
<li><a href="#company">О компании</a></li>
<li><a href="#services">Услуги</a></li>
<li><a href="#team">Сотрудники</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</body>
</html>
|
Mess4me,
вместо alert('Out') как можно подставить картинку над тем элементов на котором курсор? может так: при наведении на элемент получить его id ,а потомвывести изображение над ним?только как...если бы html ,это ка-то понятно |
unkind,
Speech Bubbles |
рони,
спасибо,а если js реализовать, в какую сторону копать? есть картинка,которая должна показывать над тем пунктмо меню ан котором курсор |
Цитата:
взяв любое оформление из ссылки выше |
рони,
буду разбираться,спасибо! |
| Часовой пояс GMT +3, время: 08:08. |