Перейти к публикации

Кто поможет встроить выпадающее jQuery мега-меню


Рекомендованные сообщения

Всем доброго дня! кто поможет встроить выпадающее jQuery мега-меню, вот это (вкладка Vehicles выпадающий список с картинками)

http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/advanced-styling/#

в мой шаблон DLE. Сайт на локалке, я пытаюсь его под дизайн подогнать при вставке в мой DLE шаблон неработает выпадающий список, а так пробывал на РНР все работает прекрасно.МОЖЕТ КТОНИБУТЬ ПОМОЖЕТ? небезкорыстно назовите суму (я скину шаблон и исходник менюшки)

Ссылка на сообщение
Поделиться на других сайтах

Не вижу ничего сложного в этом меню. При наведении на ссылку нужному слою меняется display: none; на display: block; и плавно меняется opacity с 0 на 1

Можно использовать .hover(function(){ при наведении мыши }, function(){ при отведении мыши });

Ссылка на сообщение
Поделиться на других сайтах

Я все уже перепробывал, меню появляется но при наведении курсора ничего не выпадает, может кто всетаки сделает?

Ссылка на сообщение
Поделиться на других сайтах

Я все уже перепробывал

Покажите, как Вы пробовали. Выложите сайт в интернет и продемонстрируйте, что Вы делаете :)

Ссылка на сообщение
Поделиться на других сайтах

Я же говорю на локалке

вот все снес ив маин езд прописал

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<style type="text/css" media="all">

@import url({THEME}/css/style.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/engine.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/ie-fix.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/menu.css);

</style>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="robots" content="all" />

<title>jQuery Mega Drop Down Menu Plugin Sample Styling</title>

<link href="css/dcmegamenu.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>

<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>

<script type="text/javascript">

$(document).ready(function($){

$('#mega-menu-tut').dcMegaMenu({

rowItems: '3',

speed: 'fast'

});

});

</script>

<link href="menu.css" rel="stylesheet" type="text/css" />

<style>

/* Demo Styles */

.wrap {width: 960px; margin: 0 auto;}

</style>

</head>

<body>

<div class="wrap">

<div class="dcjq-mega-menu">

<ul id="mega-menu-tut" class="menu">

<li><a href="#">Home</a></li>

<li><a href="#">Vehicles</a>

<ul>

<li id="menu-item-1"><a href="#">Coupe</a>

<ul>

<li><a href="#">Citroen C4</a></li>

<li><a href="#">Honda CR-Z</a></li>

<li><a href="#">BMW 3 Series</a></li>

<li><a href="#">Volvo C30</a></li>

</ul>

</li>

<li id="menu-item-2"><a href="#">Saloon</a>

<ul>

<li><a href="#">Volkswagen Passat</a></li>

<li><a href="#">Volvo S40</a></li>

<li><a href="#">Vauxhall Insignia</a></li>

<li><a href="#">Mitsubishi Lancer</a></li>

</ul>

</li>

<li id="menu-item-3"><a href="#">Convertibles</a>

<ul>

<li><a href="#">Mini Convertible</a></li>

<li><a href="#">Renault Megane CC</a></li>

<li><a href="#">Peugeot 207 CC</a></li>

<li><a href="#">Volkswagen Eos</a></li>

</ul>

</li>

<li id="menu-item-4"><a href="#">SUV's</a>

<ul>

<li><a href="#">Land Rover Freelander 2</a></li>

<li><a href="#">Audi Q5</a></li>

<li><a href="#">Land Rover Discovery 3</a></li>

<li><a href="#">Volvo XC90</a></li>

</ul>

</li>

<li id="menu-item-5"><a href="#">Pickups</a>

<ul>

<li><a href="#">Suzuki Equator</a></li>

<li><a href="#">Ford F-150</a></li>

<li><a href="#">Toyota Tacoma</a></li>

<li><a href="#">Nissan Frontier</a></li>

</ul>

</li>

<li id="menu-item-6"><a href="#">High Performance Cars</a>

<ul>

<li><a href="#">Lamborghini Gallardo</a></li>

<li><a href="#">Ferrari F430</a></li>

<li><a href="#">Aston Martin Vantage</a></li>

<li><a href="#">Porsche 911 Turbo</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">About Us</a>

<ul><li><a href="#">About Us</a></li><li><a href="#">About Us</a></li>

</ul></li>

<li><a href="#">Services</a></li>

<li><a href="#">Contact us</a></li>

</ul>

</div>

<div style="height: 350px;"></div>

</body>

</html>

мз папки js все закинул в папку js с шаблоном, а

menu.CSS в папку со стилями

я в main.tpl пытался одно меню вывести оно выходит но неработает

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...