Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
drop_bamboo
1 / 1 / 0
Регистрация: 27.03.2013
Сообщений: 12
#1

Как сделать приследование мыши в меню?

12.05.2013, 21:09. Просмотров 286. Ответов 0
Метки нет (Все метки)

Доброго времени суток. Уважаемые, прошу помогите.
На просторах нашел меню (вот на этом сайте http://www.branded07.com/) если не трудно, прошу помочь с тем как сделать такой "механизм", в идеале конечно скинуть скрипт...

Не по теме:

В jQuery совсем дерево, заранее благодарю за помощь



Добавлено через 1 час 40 минут
Нашел скрипт, но возник вопрос как: можно увидеть что куда "прикручивать"?

Скрипт тут:
Кликните здесь для просмотра всего текста
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
var SlideList = new Class({
initialize: function(menu, options) {
this.setOptions(this.getOptions(), options);
 
this.menu = $(menu), this.current = this.menu.getElement('li.current');
 
this.menu.getElements('li').each(function(item){
item.addEvent('mouseover', function(){ this.moveBg(item); }.bind(this));
item.addEvent('mouseout', function(){ this.moveBg(this.current); }.bind(this));
item.addEvent('click', function(event){ this.clickItem(event, item); }.bind(this));
}.bind(this));
 
this.back = new Element('li').addClass('background').adopt(new Element('div').addClass('left')).injectInside(this.menu);
this.back.fx = this.back.effects(this.options);
if(this.current) this.setCurrent(this.current);
},
  
setCurrent: function(el, effect){
this.back.setStyles({left: (el.offsetLeft)+'px', width: (el.offsetWidth)+'px'});
(effect) ? this.back.effect('opacity').set(0).start(1) : this.back.setOpacity(1);
this.current = el;
},
 
getOptions: function(){
return {
transition: Fx.Transitions.sineInOut,
duration: 500, wait: false,
onClick: Class.empty
};
},
  
clickItem: function(event, item) {
if(!this.current) this.setCurrent(item, true);
this.current = item;
this.options.onClick(new Event(event), item);
},
 
moveBg: function(to) {
if(!this.current) return;
this.back.fx.custom({
left: [this.back.offsetLeft, to.offsetLeft],
width: [this.back.offsetWidth, to.offsetWidth]
});
}
});
  
SlideList.implement(new Options);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.05.2013, 21:09
Ответы с готовыми решениями:

Как сделать так чтобы меню вызывалось правой кнопкой мыши?
Как сделать так чтобы меню вызывалось правой кнопкой мыши? Ниже приведено меню...

Как сделать заливку фигуры по клику мыши?
Добрый день) Мне надо сделать заливку фигур по клику мыши. Смотрела алгоритмы...

Как сделать реакцию на щелчок правой клавишей мыши?
Как сделать так, чтобы при щелчке правой кнопкой мыши в поле документа(слоя)...

Как сделать клик мыши независимым от точки экрана?
Как сделать, что бы "div", после открытия по клику среднему, закрывался при...

Как сделать поворот изображения при наведении курсора мыши
Всем Привет! Подскажите как сделать поворот изображения при наведении курсора...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.05.2013, 21:09

Как сделать запрет копирования информации (нажатие правой кнопкой мыши) на сайте?
Как сделать запрет копирования информации (нажатие правой кнопкой мыши) на...

Как с помощью JS сделать, чтобы при наведении мыши на ссылку в таблице менялся текст?
Подскажите пожалуйста, как с помощью JS сделать, чтобы при наведении мыши на...

Как сделать так, чтобы при наведении курсора мыши на ссылку сразу же появилось примечание?
Как сделать такой-же скрипт: при наведении курсора мыши на ссылку сразу же...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru