Меню на jquery - tabs & slider в одном

funest

Постоялец
Регистрация
2 Июл 2007
Сообщения
146
Реакции
39
Привет, есть меню такого плана:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Menu - tabs & slider</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    $("#navigation .menu .parent a").click(function(){  
        $("#navigation .menu .parent ul").animate({  
            height: "105px"
        });  
        $(this).siblings("#navigation .menu .parent ul").fadeIn();
		return false;  
    });
});
</script>
<style>
#navigation{background:#09F; height:51px; padding:0 0 5px 43px; position:relative; z-index:10; width:960px; margin:0 auto;}
#navigation ul{list-style-type:none;}
#navigation ul li{float:left;}
#navigation ul li a{color:#fff; font-size:14px; text-decoration:none; display:block; margin-top:1px; padding:28px 36px 3px 36px;}
#navigation ul li a:hover{background:#06C;}
#navigation ul li ul{background:#666; display:none; left:0px; width:960px; position: absolute; top:51px; z-index:5px}
#navigation ul li ul li a{background:none; color:#bacbd9;}
#navigation ul li ul li a:hover{background:none;}
</style>
</head>
<div id="navigation">
	<ul class="menu">
    	<li class="item1"><a href="/"><span>About</span></a></li>
        <li class="item2"><a href="/"><span>Services</span></a></li>
        <li class="parent item3"><a href="/"><span>Expertise</span></a>
        	<ul>
            	<li class="item8"><a href="/"><span>Executive Search</span></a></li>
                <li class="item9"><a href="/"><span>Technology</span></a></li>
                <li class="item10"><a href="/"><span>Communication</span></a></li>
            </ul>
        </li><li class="parent item4"><a href="/"><span>Ahead</span></a>
        	<ul>
            	<li class="item11"><a href="/"><span>Arcus Video</span></a></li>
                <li class="item12"><a href="/"><span>Our philosophy</span></a></li>
            </ul>
        </li>
        <li class="item5"><a href="/"><span>News</span></a></li>
        <li class="item6"><a href="/"><span>Downloads</span></a></li>
        <li class="item7"><a href="/"><span>Testimonials</span></a></li>
    </ul>
</div>
<body>
</body>
</html>
Нужно создать меню - табы и слайдер.
Пример, в точности как на сайте:

у них спи...ть не удалось :nezn:
То что вышло, совсем далеко от нужного
 
Назад
Сверху