Генератор форм

Для веб-мастера

Реклама


Комментарии к статье:
Создаем эффект скольжения (LavaLamp) в меню

Дата: 10 августа 2011 Просмотры 18627 Комментарии 47

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

Никита
Никита 10 августа 2011 | 22:58
-13
Хрень какая-то... У меня просто пустая страница получилась!!!!
Шамшур Иван
Шамшур Иван 10 августа 2011 | 23:05
+1
А Вы делали все как написано на сайте или использовали исходники? Что вообще ничего не выводится?
Никита
Никита 10 августа 2011 | 23:12
-11
Делал всё как на сайте... одна пустота получается!
Шамшур Иван
Шамшур Иван 11 августа 2011 | 00:37
0
дайте ссылку на странцу, где Вы пытаетесь создать меню!
Moris
Moris 2 ноября 2011 | 21:12
+1
Маленький вопрос у меня когда я клацаю на текста каторий связаний з
линком у меня та анимацьія вертается обратно на первий текс(главная).Ну например клацаю на Pc,Xbox,Ps3,iphone,android он всеравно вертается на главная я как вижу тьі както изправил ту ощьібку.Спасиба за помащ :)
Шамшур Иван
Шамшур Иван 3 ноября 2011 | 10:41
+4
Все очень просто. Когда кликнули по ссылке в меню, то этому элементу меню необходимо добавить класс «current»". Если такой класс отсутствует, то по умолчанию выделяется первый элемент меню.
Moris
Moris 3 ноября 2011 | 18:22
-1
спасиба))
Вадим
Вадим 2 марта 2012 | 19:50
-3
Может неправильно путь к скриптам прописал
Андрей
Андрей 11 августа 2011 | 10:16
-6
Мда. Задали задачку....
Юрий
Юрий 27 августа 2011 | 10:07
-6
пытаюсь поставить класс current ничего не получается . подскажите что сделать ?
светлана
светлана 28 сентября 2011 | 08:28
-5
может быть продвинутые и разбируться а для меня это темный лес нельзя ли написать идем сюда тыкаем сюда вставляем это
Шамшур Иван
Шамшур Иван 28 сентября 2011 | 10:36
-2
Так здесь так и написано. В чем сложность? Копируете HTML-код меню. Также копируете стили для этого меню. Далее подключаете javascript-файлы и вызываете сам плагин. Что сложного?
Moris
Moris 4 ноября 2011 | 01:13
-2
Неа я поставил
<li> <a href="link">Главная</a></li>
<li class="current"><a href="link">PC</a></li>
<li><a href="#">Ps3</a></li>
<li><a href="#">Xbox360</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Android</a></li>

Ну у меня всеравно ето ж самоя проблема.
Шамшур Иван
Шамшур Иван 4 ноября 2011 | 10:56
-2
В приведенном Вами коде, при загрузке страницы выделенным должен быть пункт "PC". Разве нет?
Moris
Moris 4 ноября 2011 | 18:13
-4
Ага ну тепер у меня "PC" только вьіделяестся.Незнаю почему ето так.
Константин
Константин 16 ноября 2011 | 07:44
-1
Я для того, чтобы "плавающий пузырь" становился на название открытой страницы, изменил с помощью блокнота в скрипте jquery.lavalamp.min строчку "curr=$("li.current",this)[0]" на "curr=$("a.current",this)[0]" и прокатило.
Олег
Олег 5 марта 2012 | 17:02
-2
Благодаря вашему комментарию, нашёл причину, по которой выделение не хотело становиться на нужный пункт меню. Много времени на поиски убил! Скрипт настроен на поиск для выделения тега li с классом current. Поэтому на страницах нужно меню изначально делать такого вида:
<li><a href="index.html">Главная</a></li>				<li class="current"><a href="">Выделенный пункт</a></li>
aram
aram 18 ноября 2011 | 17:45
-1
все работает, если ты скачал исходник , то разархивируй его в папку и все будет работать
Bondarunko
Bondarunko 1 декабря 2011 | 12:08
-1
Вся анимация работает нормально, но есть проблема - при нажатии на ссылку в меню не происходит переход по ссылке. Например, Opera даже не видит этой ссылки.
Шамшур Иван
Шамшур Иван 1 декабря 2011 | 13:49
-1
Так это же демонстрационный пример. Там ссылки не прописаны, а в место них стоит знак решетки #
Bondarunko
Bondarunko 2 декабря 2011 | 11:14
-1
Я это понимаю :) Проверено при прописанной ссылке. И даже при знаке решетки # ( т.е. без ссылки) курсор должен меняться, а в Operе не хочет. В чем может быть проблема.
Шамшур Иван
Шамшур Иван 2 декабря 2011 | 11:16
-1
Вы можете дать ссылку на страницу, чтобы я мог посмотреть?
Костя
Костя 7 января 2012 | 23:48
-1
Действительно не работает
Никита
Никита 19 февраля 2012 | 22:42
-1
Такая же хрень в Хроме.
http://rochet.myusov.ru/navtest.html вот ссылка
Шамшур Иван
Шамшур Иван 20 февраля 2012 | 00:07
-1
У Вас не правильно вызывается плагин. Во-первых id элемента должен быть уникален на странице и не должен начинаться с цифры! И не понял зачем Вы делаете так:

$("#1, #2, #3").lavaLamp();

И попробуйте обновить версию jQuery
Никита
Никита 20 февраля 2012 | 14:44
-1
Я скачал исходник и переделал его!!!
Никита
Никита 20 февраля 2012 | 14:55
-1
ну поменял я id на action и вместо $("#1, #2, #3").lavaLamp(); на $("#action").lavaLamp();! ничего не изменилось!
Никита
Никита 20 февраля 2012 | 15:10
-1
вот посмотрите http://rochet.myusov.ru/
Шамшур Иван
Шамшур Иван 20 февраля 2012 | 17:24
-1
А, так Вы в настройках плагина отключаете обработку клика по ссылке. Вот это надо удалить:

click: function(event, menuItem) {
return false;
}
Никита
Никита 20 февраля 2012 | 17:37
-2
Всё исправил. Спасибо за помощь.
Алекс
Алекс 23 января 2012 | 16:16
-1
добрый день. у меня такая проблема. Если уменьшать (масштаб) вид в браузере, а именно IE (последняя версия) и мозиле, то последние пункты меню перескакивают, на следующую строчку. С длинами li экспериментировал, не выходит. Но как то решил открыть на ie 6 так там с самого начала 2 последних пункта перенесло на следующую строку. посмотрел на Ваш сайт, у Вас такого не происходит. Что посоветуете? заранее благодарен.
Denis
Denis 24 января 2012 | 14:57
-1
Отличный плагин - очень стильно смотрится ;)

А по поводу перенесенных пунктов меню - уменьшите ширину элементов <li> или увеличьте ширину списка меню <ul>. Просто при разных разрешениях экрана, если у вас всё плотно сверстано пиксель к пикселю, то блочные элементы могут не влазить, это как-то связано с масштабом точек на дюйм... вроде бы)
Никита
Никита 19 февраля 2012 | 21:37
-1
Вы пишете не чистый код в котором тяжело новичкам разобраться!!!!!
Вадим
Вадим 2 марта 2012 | 19:49
-1
Поставил на Джумлу кнопка плавает , только не переходит на другие страницы при наведении на ссылку показывает куда должен быть переход,но при клике никакой реакции.
Почему так?
Шамшур Иван
Шамшур Иван 2 марта 2012 | 23:50
-1
Чуть выше писал в комментариях. На демонстрационной странице отключены переходы по ссылкам. Это задается строкой:

click: function(event, menuItem) {
return false;
}

Просто удалите этот кусок кода и все будет работать
Вадим
Вадим 3 марта 2012 | 00:05
-1
Немного не так , когда я удалил эту строчку перестало работать,
я заменил false на true
тогда заработало
я просто в js не силен, сначала спросил, а потом сам полез
Шамшур Иван
Шамшур Иван 3 марта 2012 | 00:10
-1
видимо вы запятую пропустили или еще что-нибудь. вообще этот кусок лишний
Никита
Никита 3 марта 2012 | 00:31
-1
у меня тоже самое было! сделал ка Вы сказали и нифига... потом false на true заменил и всё заработало.
Шамшур Иван
Шамшур Иван 3 марта 2012 | 00:43
-1
Как Вы вызываете плагин? Так:

$(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 })

А пробывали вызывать вообще без параметров?
Никита
Никита 3 марта 2012 | 01:01
-1
нет не пробовал!
Vadim
Vadim 11 июня 2012 | 14:25
-1
Иван, вам надо бы поправить первый пункт в меню (Главная), там немного за границу уезжает :)
А так плагин симпатичный :)
Игорь
Игорь 24 октября 2012 | 15:54
-1
Как сделать скольжение не на mousover, а на клик.
Юлия
Юлия 30 октября 2012 | 22:21
-1
А смысл? )
Alehandro
Alehandro 10 января 2013 | 23:33
+2
Подскажите пожалуйста, как прикрутить этот эффект к вертикальному меню?
Заранее благодарен.
Руслан
Руслан 8 ноября 2013 | 13:29
-1
Здравствуйте, очень понравился ваш эффект скольжения для меню, подскажите пожалуйста, как такой эффект применить к многоуровневому меню?
Константин
Константин 29 сентября 2014 | 23:37
-1
Иван! Доброго времени суток! Не поможете решить проблему? У меня конфликтуют скрипты этого меню и скрипты иконок вызова соцсетей (twitter, facebook). По отдельности все работает, а в одном файле нет...
Сергей
Сергей 4 февраля 2015 | 14:49
-1
Конфликты могут возникать если используются разные версии jquery библиотек для скриптов. Попробуйте назначить одну, например, последнюю версию.

Простая CRM

Твиттер Facebook Google plus RSS