- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 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
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
$(document).ready(function(){
// ...
var nom1=0;
var nom2=0;
$("#first").live("hover", function() {
$(".blocks1").addClass('activ_block');
$(".blocks1 .block1").addClass('activ_block');
$(".blocks1 .block2").addClass('activ_block');
$(".blocks1 .block2 ul").eq(0).addClass('activ_block');
$(".blocks1 .block1 a").eq(0).addClass('active_red');
nom1 = 0;
$(".blocks").removeClass('activ_block');
$(".blocks2").removeClass('activ_block');
$(".blocks3").removeClass('activ_block');
$(".blocks .blocks ul").removeClass('activ_block');
$(".blocks .blocks div").removeClass('activ_block');
$(".blocks .block1").removeClass('activ_block');
$(".blocks .block2").removeClass('activ_block');
$(".blocks .block3").removeClass('activ_block');
$(".blocks .block1 a").removeClass('active_reds');
$(".blocks .block2 a").removeClass('active_reds');
});
$(".blocks1 .block1 a").live("click", function() {
nom1 = $(".blocks1 .block1 a").index(this); // id level 2
$(".blocks1 .block1 a").removeClass('active_red');
$(this).addClass('active_red');
$(".blocks1 .block2 ul").removeClass('activ_block');
$(".blocks1 .block2").addClass('activ_block');
$(".blocks1 .block2 ul").eq((nom1)).addClass('activ_block');
});
$(".blocks1 .block2 a").live("hover", function() {
nom2 = $(".blocks1 .block2 ul.activ_block a").index(this); // id level 3
$(".blocks1 .block3 div").removeClass('activ_block');
$(".blocks1 .block3 div div").removeClass('activ_block');
$(".blocks1 .block3").addClass('activ_block');
$(".blocks1 .block3 div.z").eq((nom1)).addClass('activ_block');
$(".blocks1 .block3 div.activ_block div").eq((nom2)).addClass('activ_block');
$(".blocks1 .block2 a").removeClass('active_reds');
$(this).addClass('active_reds');
});
$(".blocks1 .block1").hover(function() {
$(".blocks1 .block3").removeClass('activ_block');
$(".blocks1 .block2 a").removeClass('active_reds');
$(".blocks1 .block3 div").removeClass('activ_block');
$(".blocks1 .block3 div div").removeClass('activ_block');
} ,
function() {
});
$(".blocks1 .block3").hover(function() {
} ,
function() {
});
$(".blocks1 .block2").hover(function() {
$(".blocks1 .block3").removeClass('activ_block');
$(".blocks1 .block3 div").removeClass('activ_block');
$(".blocks1 .block2 a").removeClass('active_reds');
} ,
function() {
if ($(".blocks1 .block3").hasClass('activ_block')) {
} else {
}
});
// ...
});
Очередной шедевр jQuery-мастеров. Скрипт меню, приведенный код - около трети от общего количества такого же.
Lure Of Chaos 13.04.2012 09:41 # +1
ling 13.04.2012 16:23 # 0
Govnisti_Diavol 14.04.2012 08:15 # −12
С великолепной, просто божественной оптимизацией кода, прекрасной логикой и чудесными свистелками - перделками.
roman-kashitsyn 14.04.2012 08:19 # +3
FaiGovno 14.04.2012 09:47 # +5
maker_up 16.04.2012 16:09 # 0
более того, даже селектор-движок у сабжа не свой: это популярная либа sizzle.
ixth 16.04.2012 19:17 # +1
JavaGovno 16.04.2012 19:40 # 0
Anon4e4Y7YbA 14.04.2012 16:34 # 0
guest8 09.04.2019 13:06 # −999