70 lines
1.5 KiB
JavaScript
70 lines
1.5 KiB
JavaScript
// JavaScript Document
|
|
|
|
$(function(){
|
|
var i = 0;
|
|
var process1 = false;
|
|
var process2 = false;
|
|
|
|
$(".list li").last().css({"border-bottom-left-radius":"20px","border-bottom-right-radius":"20px"});
|
|
$(".list li").first().css({"border-top-left-radius":"20px","border-top-right-radius":"20px"});
|
|
|
|
if($.browser.msie&&($.browser.version < "9.0"))
|
|
{$(".button").addClass("buttonIE");}
|
|
|
|
$(".button").click(function(){
|
|
if(process1){}
|
|
else{
|
|
process1 = true;
|
|
$(this).toggleClass("hover");
|
|
if(i==0){
|
|
$(".load").fadeTo(400,1,slideDown);
|
|
}
|
|
else{
|
|
$(".load").fadeTo(100,0,slideUp);
|
|
}
|
|
}
|
|
function slideDown(){
|
|
$(".list").slideToggle(100);
|
|
$(".load img").hide();
|
|
i = 1;process1 = false;
|
|
}
|
|
function slideUp(){
|
|
$(".list").slideToggle(100);
|
|
$(".load img").show();
|
|
i = 0;process1 = false;
|
|
}
|
|
|
|
$(".list li").hover(function(){
|
|
$(this).find(".signal").addClass("hover");
|
|
},function(){
|
|
$(this).find(".signal").removeClass("hover");
|
|
})
|
|
|
|
$(".floatBox").center();
|
|
$(".list li").click(function(){
|
|
if($.browser.msie&&($.browser.version < "9.0")){}
|
|
else if(process2){}
|
|
else{
|
|
process2 = true;
|
|
$(".mask").show();
|
|
$(".floatBox").fadeTo(300,1);
|
|
}
|
|
});
|
|
|
|
$(".ok,.cancel").click(function(){
|
|
$(".mask").hide();
|
|
$(".floatBox").hide(0,finish);
|
|
});
|
|
|
|
function finish(){
|
|
process2 = false;
|
|
}
|
|
})
|
|
jQuery.fn.center = function () {
|
|
this.css('position','absolute');
|
|
this.css('top', ( $(window).height() - this.height() ) /2 +$(window).scrollTop() + 'px');
|
|
this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');
|
|
return this;
|
|
}
|
|
})
|