вопрос
= Почему меню не раскрывается как надо ?,остется простой ссылкой =
-HTML Часть :
- Nav.js
- CSS(STYLE.CSS)
-HTML Часть :
<div id="menu2"> <ul>
<li><a href="#">XƏBƏR</a>
<div class="submenu" id="submenu1">
<div class="sub_block">
<h1>Xəbərçi</h1>
<ul>
<li><a href="azerbaycan">- Azərbaycan</a></li>
<li><a href="siyaset">- Siyasət</a></li>
<li><a href="dunya">- Dünya</a></li>
<li><a href="sosial">- Sosial</a></li>
<li><a href="hadise">- Hadisə</a></li>
<li><a href="dagliqqarabag">- Dağlıq Qarabağ</a></li>
</ul>
</div>
<div class="sub_block">
<h1>MÜSİQİ</h1>
<ul>
<li><a href="shoubiznes">- Şou-Biznes</a></li>
<li><a href="kitablar">- (E)-Kitablar</a></li>
<li><a href="tedbirler">- Tədbir / Konsert</a></li>
<li id="eurovision"><a href="eurovisionazer"><img src="images/eurovision.png" alt=""></a></li>
</ul>
</div>
<div class="sub_block">
<h1>ART</h1>
<ul>
<li><a href="photography">- Fotoqrafiya</a></li>
<li><a href="ressamliq">- Rəssamlıq</a></li>
<li><a href="models">- Modellər</a></li>
<li><a href="dizayn">- Dizayn</a></li>
<li id="eurovision"><a href="iloveart"><img src="/web/20120614084437im_/http://s018.radikal.ru/i505/1201/6a/ed3b42af3b11.png" alt="" border=0></a></li>
</ul>
</div>
<div class="sub_block">
<h1>NƏLƏRSƏ</h1>
<ul>
<li><a href="coooxmaraqli">- Çox maraqlı</a></li>
<li><a href="texnologiya">- Texnologiya</a></li>
<li><a href="multimedia">- Multimedia</a></li>
<li><a href="enyeniklipler">- Ən Yeni Kliplər</a></li>
<li><a href="tacmisahibe">- TAC MÜSAHİBƏ</a></li>
<li><a href="dayphoto">- Günün şəkli</a></li>
<li><a href="kreative">- Kreativ</a></li>
<li><a href="ve">- Və s.</a></li>
</ul>
</div>
</div></li>
<li><a href="#">AFİŞA</a>
<div class="submenu" id="submenu2">
<div class="sub_block">
<h1>BÖLMƏLƏR</h1>
<ul>
<li><a href="xeberler">- Xəbərlər</a></li>
<li><a href="albom">- Albomlar</a></li>
<li><a href="singles">- Sinqıllar</a></li>
<li><a href="enyeniklipler">- Ən yeni kliplər</a></li>
</ul>
</div>
<div class="sub_block">
<h1>JANRLAR</h1>
<ul>
<li><a href="hiphoprnb">- Hip-Hop / RnB</a></li>
<li><a href="pop">- Pop</a></li>
<li><a href="rock">- Rock</a></li>
<li><a href="techno-house">- Techno / House</a></li>
<li><a href="jazzblues">- Jazz / Blues</a></li>
<li><a href="klassika">- Klassika</a></li>
</ul>
</div>
<div class="sub_block wide_sb2">
<h1>AXTARIŞ</h1><h3>Əlifba üzrə axtarış</h3><ul id="letters">
<li><a href="catid=2">A</a></li>
<li><a href="catid=3">B</a></li>
<li><a href="catid=4">C</a></li>
<li><a href="catid=5">Ç</a></li>
<li><a href="catid=6">D</a></li>
<li><a href="catid=7">E</a></li>
<li><a href="catid=8">Ə</a></li>
<li><a href="catid=9">F</a></li>
<li><a href="catid=10">G</a></li>
<li><a href="catid=11">H</a></li>
<li><a href="catid=12">İ</a></li>
<li><a href="catid=13">J</a></li>
<li><a href="catid=14">K</a></li>
<li><a href="catid=15">L</a></li>
<li><a href="catid=16">M</a></li>
<li><a href="catid=17">N</a></li>
<li><a href="catid=18">O</a></li>
<li><a href="catid=19">Ö</a></li>
<li><a href="catid=20">P</a></li>
<li><a href="catid=21">Q</a></li>
<li><a href="catid=22">R</a></li>
<li><a href="catid=23">S</a></li>
<li><a href="catid=24">Ş</a></li>
<li><a href="catid=25">T</a></li>
<li><a href="catid=26">U</a></li>
<li><a href="catid=27">Ü</a></li>
<li><a href="catid=28">V</a></li>
<li><a href="catid=29">W</a></li>
<li><a href="catid=30">X</a></li>
<li><a href="catid=31">Y</a></li>
<li><a href="catid=32">Z</a></li>
<li id="num_l"><a href="catid=1">0-9</a></li></ul>
<ul id="music_tops">
<li><a href="=Top">- TOP-100</a></li>
<li><a href="=Top_new">- ƏN YENİ 100</a></li>
</ul>
</div>
</div>
</li>
<!--
<li><a href="#">TAC</a>
<div class="submenu" id="submenu3">
<br>
<img src="http://s018.radikal.ru/i525/1201/94/412a7b18d651.jpg">
</div>
</li>
-->
<li><a href="#">KİNO</a>
<div class="submenu" id="submenu4">
<div class="sub_block wide_sb">
<h1>Janrlar</h1>
<ul class="genre_1">
<li><a href="dram">- Dram</a></li>
<li><a href="komediya">- Komediya</a></li>
<li><a href="qorxu">- Qorxu</a></li>
<li><a href="cizgi-filmi">- Cizgi filmi</a></li>
<li><a href="fantastika">- Fantastika</a></li>
<li><a href="doyush">- Döyüş</a></li>
<li><a href="detektiv">- Detektiv</a></li>
<li><a href="macera">- Macəra</a></li>
</ul>
<ul class="genre_2">
<li><a href="fentezi">- Fentezi</a></li>
<li><a href="muharibe">- Müharibə</a></li>
</ul>
</div>
<div class="sub_block nar_sb">
<h1>Digər</h1><ul>
<li><a href="azeri-film">- Azərbaycan filmləri</a></li>
<li><a href="2011">- Ən yeni filmlər</a></li>
<li><a href="#">- Treylerlər</a></li>
<li><a href="serial">- Serial</a></li>
<li><a href="kinoxeber">- Kino xəbərləri</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">MUSIC</a>
<div class="submenu" id="submenu4">
<div class="sub_block wide_sb">
<h1>Janrlar</h1>
<ul class="genre_1">
<li><a href="dram">- Dram</a></li>
<li><a href="komediya">- Komediya</a></li>
<li><a href="qorxu">- Qorxu</a></li>
<li><a href="cizgi-filmi">- Cizgi filmi</a></li>
<li><a href="fantastika">- Fantastika</a></li>
<li><a href="doyush">- Döyüş</a></li>
<li><a href="detektiv">- Detektiv</a></li>
<li><a href="macera">- Macəra</a></li>
</ul>
<ul class="genre_2">
<li><a href="fentezi">- Fentezi</a></li>
<li><a href="muharibe">- Müharibə</a></li>
</ul>
</div>
<div class="sub_block nar_sb">
<h1>Digər</h1><ul>
<li><a href="azeri-film">- Azərbaycan filmləri</a></li>
<li><a href="2011">- Ən yeni filmlər</a></li>
<li><a href="#">- Treylerlər</a></li>
<li><a href="serial">- Serial</a></li>
<li><a href="kinoxeber">- Kino xəbərləri</a></li>
</ul>
</div>
</div>
</li>
<li><a href="#">SAYT</a>
<div class="submenu" id="submenu4">
<div class="sub_block wide_sb">
<h1>Janrlar</h1>
<ul class="genre_1">
<li><a href="dram">- Dram</a></li>
<li><a href="komediya">- Komediya</a></li>
<li><a href="qorxu">- Qorxu</a></li>
<li><a href="cizgi-filmi">- Cizgi filmi</a></li>
<li><a href="fantastika">- Fantastika</a></li>
<li><a href="doyush">- Döyüş</a></li>
<li><a href="detektiv">- Detektiv</a></li>
<li><a href="macera">- Macəra</a></li>
</ul>
<ul class="genre_2">
<li><a href="fentezi">- Fentezi</a></li>
<li><a href="muharibe">- Müharibə</a></li>
</ul>
</div>
<div class="sub_block nar_sb">
<h1>Digər</h1><ul>
<li><a href="azeri-film">- Azərbaycan filmləri</a></li>
<li><a href="2011">- Ən yeni filmlər</a></li>
<li><a href="#">- Treylerlər</a></li>
<li><a href="serial">- Serial</a></li>
<li><a href="kinoxeber">- Kino xəbərləri</a></li>
</ul>
</div>
</div>
</li>
</ul>
</div>
- Nav.js
$(document).ready(
function(){
$("#close_modal").live('click', function(){
$.prettyPhoto.close();
});
$("#lb_wrapper h4 a").live('click', function(){
$("form[name='loginForm']").submit();
return false;
});
$("#close_modal img").live('mouseover', function(){
$(this).attr('src', "/web/20120503213408/http://tac.az/templates/new_template/images/close_a.png");
});
$("#close_modal img").live('mouseout', function(){
$(this).attr('src', "/web/20120503213408/http://tac.az/templates/new_template/images/close.png");
});
Cufon.replace('#menu2 > ul > li > a, #forum_tabs, .all_serials, #fn_left h1, #fn_left h2, #fn_left h3, #fn_left h4, #fn_left h5, #comments_title h1, .group_name, .comm_quote, .comm_buttons b, .comm_buttons a', {fontFamily: 'DINbek Black', hover: true, fontStretch: '100%'});
Cufon.replace('#sn_title', {fontFamily: 'DINBEK', hover: true, fontStretch: '100%'});
Cufon.replace('.block_title, .block_title3, .block_title4, .block_title5, #qadin_title, #avto_title, .film_title, .block_title2, #tul_title, #tur_title, #vote, #results, #last_board h1, #last_board h2', {fontFamily: 'DINbek Black', hover: true, fontStretch: '100%'});
set_lang();
$('#socnet ul li a img').each(function() {
$(this).hover(
function() {
$(this).stop().animate({ opacity: 1.0 }, 500);
},
function() {
$(this).stop().animate({ opacity: 0.5 }, 500);
})
});
$('#cratig-layer img').each(function() {
$(this).hover(
function() {
$(this).stop().animate({ opacity: 1.0 }, 200);
},
function() {
$(this).stop().animate({ opacity: 0.7 }, 200);
})
});
$("#menu2 > ul > li:last").css({'background':'none'});
$(".serial:last").css({'background':'none', 'padding-right':'0px'});
$(".film:last").css({'margin-right':'0px'});
$("a[rel^='prettyPhoto']").prettyPhoto({
social_tools: false
});
if ($("#top10_carousel").size() > 0 ) {
jQuery('#top10_carousel').jcarousel({
wrap: 'circular',
scroll: 1
});
}
if ($(".comment").size() > 0 ) {
$(".comment:odd").css({'background':'#ffffff'});
$(".comment:even").css({'background':'#f6f6f6'});
}
$("#letters > li:not(#num_l)").css({'padding':'0px'});
//Slider
$(".slide").each(function(){
var thumb_url = $(this).find("img:first").attr("src");
$("#slider ul").append("<li><img src=\"/web/20120503213408/http://tac.az/templates/new_template/images/act_slider.png\" class=\"act_slider\" alt=\"\"><img src=\""+thumb_url+"\" width=\"100\" alt=\"\"></li>");
});
var timerId = 0;
var slide_id = 0;
$(".act_slider").fadeOut();
$("#slider ul li:first").find(".act_slider").fadeIn();
$(".slide").slideUp();
$(".slide:first").addClass("active_slide").slideDown();
function setHover() {
if ($('#slider .active_slide').next(".slide").size() > 0) {
var slide_id = $(".active_slide").next('.slide').index();
$(".act_slider").fadeOut();
$("#slider ul li").eq(slide_id-1).next('li').find(".act_slider").fadeIn();
$(".slide").removeClass("active_slide").slideUp();
$(".slide").eq(slide_id).addClass("active_slide").slideDown();
} else {
var slide_id = 0;
$(".act_slider").fadeOut();
$("#slider ul li:first").find(".act_slider").fadeIn();
$(".slide").slideUp();
$(".slide:first").addClass("active_slide").slideDown();
}
}
$("#slider ul li").hoverIntent(function(){
clearInterval(timerId);
var slide_id = $(this).index();
$(".act_slider").fadeOut();
$(this).find(".act_slider").fadeIn();
$(".slide").removeClass("active_slide").slideUp();
$(".slide").eq(slide_id).addClass("active_slide").slideDown();
}, function(){
timerId = setInterval(setHover, 5000);
});
$("#forum_tabs li").hover(function(){
$(this).addClass("active_forum_tab");
}, function(){
$(this).removeClass("active_forum_tab");
});
$("#letters > li").css({'background':'#0070b6'});
$("#letters > li").hover(function(){
$(this).css({'background':'#545454'});
}, function(){
$(this).css({'background':'#0070b6'});
});
$('#mp3_search input').keypress(function(e) {
if(e.which == 13) {
$(this).blur();
$("form[name='searchform']").submit();
}
});
$('#menu2 ul li').hoverIntent(function(){
$(this).addClass("menu2_act");
$(this).find(".submenu").slideDown();
},function(){
$(this).find(".submenu").slideUp();
$(this).removeClass("menu2_act");
});
$('#menu2 ul li').each(function(){
$(this).find(".sub_block > ul:last").css({'border':'none', 'padding-right':'0px'});
});
$(".sub_block > ul:not(#letters) > li").css({'background':'none'}).not("#eurovision").hover(function(){
$(this).addClass("active_sub");
}, function(){
$(this).removeClass("active_sub");
});
}
);
function set_lang(){
$('.ro img').mouseover(
function(){
var src_ = $(this).attr('src');
src_ = src_.replace('.png', '_a.png');
$(this).attr('src', src_);
}
);
$('.ro img').mouseout(
function(){
var src_ = $(this).attr('src');
src_ = src_.replace('_a.png', '.png');
$(this).attr('src', src_);
}
);
}
- CSS(STYLE.CSS)
.submenu {
height: 215px; background: #26a3da; letter-spacing: 0px !important; padding-left: 10px; top: 45px; z-index: 100; display: none; border: solid #dfe0e2; border-width: 0 10px 10px 10px;
}
.sub_block {
width: 164px; padding-top: 10px; float: left; margin-right: 0px;
}
.sub_block h1{
color: #ffffff; font-weight: bold; font-size: 16px; margin-left: 10px;
}
.sub_block h3{
font-size: 12px !important; color: #ffffff !important; margin: 12px 0 10px 10px;
}
.sub_block ul {
margin: 10px 15px 10px 5px; border-right: 1px solid #ffffff; min-height: 160px;
}
.sub_block ul li {
font-size: 12px !important; color: #ffffff;float: none !important; background: none; letter-spacing: 0px !important; height: 16px !important; line-height: 16px !important; padding: 0 5px; margin: 2px 0;
}
.sub_block ul li a{
font-size: 12px !important; color: #ffffff !important; text-decoration: none; font-weight: normal !important; background: none !important;
}
.active_sub {
background: #0071b6 !important;
}
#submenu1 {
width: 815px; position: absolute; left: -10px;
}
#submenu2 {
width: 654px; position: absolute; left: 149px;
}
#submenu3 {
width: 493px; position: absolute; left: 310px;
}
#submenu4 {
width: 400px; position: absolute; left: 403px;
}
#menu2 {
position: absolute; top: 33px; left: 117px;
}
#menu2 ul li{
float: left; background: url(../images/menu_sep2.gif) no-repeat right 6px; padding-right: 15px; margin-right: 11px; letter-spacing: -2px;
}
#active_menu2 a{
background: #26a3da; color: #ffffff;
}
#menu2 ul li a {
font-size: 44px; font-weight: bold; color: #000000; text-decoration: none;
}
#menu2 ul li a:hover{
font-size: 44px; font-weight: bold; color: #ffffff; text-decoration: none; background: #26a3da;
}
.menu2_act a{
color: #ffffff !important; background: #26a3da !important;
}
.genre_1 {
float: left; border: none !important;
}
.genre_2 {
float: right;
}
