Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.11.2012, 23:53
Аспирант
Отправить личное сообщение для razorg1991 Посмотреть профиль Найти все сообщения от razorg1991
 
Регистрация: 10.11.2012
Сообщений: 98

Проблемы со скриптом меню
Ногами не пинайте пожалуйста только , я в jquery новичок, скрипты корявенько пишу. В общем не могу разобраться как правильно сделать плавное появление и затухание подпунктов меню

Само меню выглядит так id="menu" ul li ul li

CSS

#menu{
font-size:16px;
font-family:Arial, "Times New Roman", Times, serif;
padding:0;
margin:0;
margin-top:40px;
width:700px;
height:80px;
float:right;
background:none;
}
#menu ul{
margin:0;
padding:0;
}
#menu li{
float:left;
margin:0;
padding:0;
position:relative;
width:140px;
height:80px;
text-align:center;
list-style:none;
}
#menu ul li a{
opacity:0.6;
}
#menu ul li a:hover,
#menu ul li.active a {
opacity:1.0;
}
#menu ul li ul{
display:block;
padding:0;
margin:0;
margin-top:55px;
position:absolute;
width:190px;
z-index:9999;
overflow:hidden;
}
#menu ul li ul li{
float:none;
height:35px;
width:190px;
margin:0;
text-align:centr;
background:url(../images/Background_link_3.png);
}
#menu li ul li.active a {
color:#36F;
}
#menu li ul li:first-child{
border-radius:5px 5px 0 0;
}
#menu li ul li:last-child{
border-radius:0 0 5px 5px;
}
#menu li a{
display:block;
width:140px;
height:25px;
text-decoration:none;
color:#FFF;
}
#menu li ul li a{
width:190px;
height:25px;
text-decoration:none;
color:#FFF;
opacity:1.0;
padding-top:10px;
}
#menu li:hover ul{
display:block;
}
#menu li ul li:hover{
background:url(../images/Background_link_hover_2.png);
}
#menu ul li a img{
border: none;
}

Ну и скрипт

$(document).ready(function() {

var podMenu = $('#menu ul li ul li');

podMenu.hover(function() {
$(this).fadeIn(3000);

},function() {
$(this).fadeOut(3000);

});

});

И ни чего не происходит
ПОпробовал просто работоспособность самого jquery простой функцией

$(document).ready(function() {

$('img[src*=Logo.png]').hide(3000);


});

И это почему то не работает

Сама библиотека jquery подключена между <head></head>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$.noConflict();
</script>

ТАк почему же не работает jquery и правильный ли скрипт?
Ответить с цитированием
  #2 (permalink)  
Старый 11.11.2012, 06:52
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Первое что нужно сделать, когда что-то не работает - ПОСМОТРЕТЬ ОШИБКИ В КОНСОЛИ!!!

Консоль вылазит по нажатию F12 или Ctrl+Shift+I (в Firefox Ctrl+Shift+K)

$.noConflict();

После этой строчки $ более не ссылается на объект jQuery. Читаем документацию по jQuery.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36
Всплывающее меню (проблемы) Барин Элементы интерфейса 8 07.07.2011 09:22
проблема со скриптом разворачивающегося меню Hosi Общие вопросы Javascript 5 02.11.2010 03:08
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37
Проблемы с меню на JS SeeD Общие вопросы Javascript 5 21.11.2008 19:44