- 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
<script type="text/javascript">
$(function() {
$( "#slider" ).slider({
value:0,
min: 0,
max: 600,
step: 5.5,
slide: function( event, ui ) {
var slideVal=ui.value;
if(slideVal==44){
$("div.siteType").removeClass("active");
$("div.minimal").addClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
$("div.minimal div.hiddenType").fadeIn(300);
}
else if(slideVal==165){
$("div.siteType").removeClass("active");
$("div.business").addClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
$("div.business div.hiddenType").fadeIn(300);
}
else if(slideVal==286){
$("div.siteType").removeClass("active");
$("div.premium").addClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
$("div.premium div.hiddenType").fadeIn(300);
}
else if(slideVal==429){
$("div.siteType").removeClass("active");
$("div.im").addClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
$("div.im div.hiddenType").fadeIn(300);
}
else if(slideVal==550){
$("div.siteType").removeClass("active");
$("div.ip").addClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
$("div.ip div.hiddenType").fadeIn(300);
}
else if(slideVal!=44 && slideVal!=165 && slideVal!=286 && slideVal!=429 && slideVal!=550){
$("div.siteType").removeClass("active");
$("div.siteType div.hiddenType").fadeOut(300);
}
}
});
});
</script>
</head>
Это уже классика. Студия по созданию сайтов, данный код вшит в html страницу) http://white-rabbit.su/
eth0 13.06.2013 18:25 # +1
Stud 13.06.2013 21:29 # −1
nonamez 14.06.2013 10:07 # +1
Vasiliy 14.06.2013 11:16 # −1
Stud 14.06.2013 12:55 # −1
Stud 14.06.2013 13:03 # −1
var active, fade;
switch(slideVal){
case 44:{
active = $("div.minimal");
fade = $("div.minimal div.hiddenType");
break;
}
case 165:{
active = $("div.business");
fade = $("div.business div.hiddenType");
break;
}
case 286:{
active = $("div.premium");
fade = $("div.premium div.hiddenType");
break;
}
case 429:{
active = $("div.im");
fade = $("div.im div.hiddenType");
break;
}
case 550:{
active = $("div.ip");
fade = $("div.ip div.hiddenType");
break;
}
}
if(active&&fade){
active.addClass("active");
fade.fadeIn(300);
}
$("div.siteType").removeClass("active" );
$("div.siteType div.hiddenType").fadeOut(300);
Vasiliy 17.06.2013 16:43 # 0
active = $("div."+sss[slideVal]);
fade = $("div."+sss[slideVal]+" div.hiddenType");
eth0 15.06.2013 21:53 # 0