<!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>
вот весь код
Исходник
Спустя 18 минут, 54 секунды (9.09.2012 - 21:02) killer8080 написал(а):
sharomet
hover нужно вешать не на ссылку, а на её контейнер (<li>). Кроме того сворачивание должно происходить по таймауту, который должен отменятся ховером на дочернем меню. Иначе меню будет закрываться как только курсор переведешь на меню.
hover нужно вешать не на ссылку, а на её контейнер (<li>). Кроме того сворачивание должно происходить по таймауту, который должен отменятся ховером на дочернем меню. Иначе меню будет закрываться как только курсор переведешь на меню.
Спустя 1 минута, 41 секунда (9.09.2012 - 21:03) sharomet написал(а):
точно...Спасибо +те
_____________
Место клизмы изменить нельзя!