Я хочу сделать многоуровневое меню но возникают некоторые проблемы при наведении на ссылку я запускаю команду hover меню появляется но когда я начинаю водить по ссылке то меню начинает мигать или проподать
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> my site </title>
<script type="text/javascript" src="js/script.js"></script>
<style>
body {
font-family: Arial, Helvetica, Sans-serif;
}
ul li {
list-style: none;
margin-top: -1px;
}
#menu li ul {
margin-left: 81px;
position: absolute;
display: none;
opacity: 0;
}
a {
display: block;
width: 120px;
height: 30px;
border: 1px solid #ccc;
text-align: center;
padding-top: 10px;
color: #969696;
text-decoration: none;
}
a:hover {
background-color: #A9A9A9;
color: #fff;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Ссылка1</a></li>
<li><a href="#">Ссылка2</a>
<ul>
<li><a href="#">Ссылка2-1</a></li>
<li><a href="#">Ссылка2-2</a></li>
<li><a href="#">Ссылка2-3</a></li>
</ul>
</li>
<li><a href="#">Ссылка3</a>
<ul>
<li><a href="#">Ссылка3-1</a></li>
<li><a href="#">Ссылка3-2</a>
<ul>
<li><a href="#">Ссылка3-2-1</a></li>
<li><a href="#">Ссылка3-2-2</a></li>
<li><a href="#">Ссылка3-2-3</a></li>
</ul>
</li>
<li><a href="#">Ссылка3-3</a></li>
</ul>
</li>
<li><a href="#">Ссылка4</a>
<ul>
<li><a href="#">Ссылка4-1</a></li>
<li><a href="#">Ссылка4-2</a></li>
<li><a href="#">Ссылка4-3</a></li>
</ul>
</li>
<li><a href="#">Ссылка5</a></li>
</ul>
<script type="text/javascript">
<!--
var elem1="#menu li:eq(1) ul";
$(elem1).css("marginTop","-41px");
$("#menu li:eq(1) a").hover(
function(){
$(elem1).css("display","block");
$(elem1).animate({
opacity: "1"
}, 100);},
function(){
$(elem1).css("display","none");
$(elem1).animate({
opacity: "0"
}, 100);
}
);
-->
</script>
</body>
</html>
zalil.ru/33737421 вот исходник
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.