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

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

AutoClicker - Автокликер для популярных тапалок в телеграм, который запускается на вашем ПК в браузере.
CheckTrust - сервис проверки качества сайтов. Экономия до 70% на аренде ссылок.
GoGetLinks - популярная система для получения качественных ссылок в обзорах с размещением навсегда.
Etxt.RU - биржа статей.
FastVPS - качественный VPS/VDS хостинг в германии.
Roistat - система сквозной бизнес-аналитики.

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

Дата: 10 августа 2011 Просмотры

19963

Представьтесь:

Ваш e-mail:

Адрес сайта
(если есть):

Сообщение:

Введите цифры:

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

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

Никита 10 августа 2011 | 22:58

-13

Хрень какая-то... У меня просто пустая страница получилась!!!!

Ответить

Шамшур Иван 10 августа 2011 | 23:05

А Вы делали все как написано на сайте или использовали исходники? Что вообще ничего не выводится?

Ответить

Никита 10 августа 2011 | 23:12

-11

Делал всё как на сайте... одна пустота получается!

Ответить

Шамшур Иван 11 августа 2011 | 00:37

дайте ссылку на странцу, где Вы пытаетесь создать меню!

Ответить

Moris 2 ноября 2011 | 21:12

Маленький вопрос у меня когда я клацаю на текста каторий связаний з
линком у меня та анимацьія вертается обратно на первий текс(главная).Ну например клацаю на Pc,Xbox,Ps3,iphone,android он всеравно вертается на главная я как вижу тьі както изправил ту ощьібку.Спасиба за помащ :)

Ответить

Шамшур Иван 3 ноября 2011 | 10:41

Все очень просто. Когда кликнули по ссылке в меню, то этому элементу меню необходимо добавить класс «current»". Если такой класс отсутствует, то по умолчанию выделяется первый элемент меню.

Ответить

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 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 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 18 ноября 2011 | 17:45

-1

все работает, если ты скачал исходник , то разархивируй его в папку и все будет работать

Ответить

Bondarunko 1 декабря 2011 | 12:08

-1

Вся анимация работает нормально, но есть проблема - при нажатии на ссылку в меню не происходит переход по ссылке. Например, Opera даже не видит этой ссылки.

Ответить

Шамшур Иван 1 декабря 2011 | 13:49

-1

Так это же демонстрационный пример. Там ссылки не прописаны, а в место них стоит знак решетки #

Ответить

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 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 11 июня 2012 | 14:25

-1

Иван, вам надо бы поправить первый пункт в меню (Главная), там немного за границу уезжает :)
А так плагин симпатичный :)

Ответить

Игорь 24 октября 2012 | 15:54

-1

Как сделать скольжение не на mousover, а на клик.

Ответить

Юлия 30 октября 2012 | 22:21

-1

А смысл? )

Ответить

Alehandro 10 января 2013 | 23:33

Подскажите пожалуйста, как прикрутить этот эффект к вертикальному меню?
Заранее благодарен.

Ответить

Руслан 8 ноября 2013 | 13:29

-1

Здравствуйте, очень понравился ваш эффект скольжения для меню, подскажите пожалуйста, как такой эффект применить к многоуровневому меню?

Ответить

Константин 29 сентября 2014 | 23:37

-1

Иван! Доброго времени суток! Не поможете решить проблему? У меня конфликтуют скрипты этого меню и скрипты иконок вызова соцсетей (twitter, facebook). По отдельности все работает, а в одном файле нет...

Ответить

Сергей 4 февраля 2015 | 15:49

-1

Конфликты могут возникать если используются разные версии jquery библиотек для скриптов. Попробуйте назначить одну, например, последнюю версию.

Ответить

Простая CRM

Новичку Инфо-Бизнеса!

Категории

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

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

Реклама

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

Простая CRM

Новичку Инфо-Бизнеса!

Категории

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

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

Реклама

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

Простая CRM

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