121 lines
3.0 KiB
JavaScript
121 lines
3.0 KiB
JavaScript
|
$(document).ready(function(){
|
||
|
|
dropmenu();
|
||
|
|
tab();
|
||
|
|
tooltip();
|
||
|
|
accordion();
|
||
|
|
});
|
||
|
|
|
||
|
|
function dropmenu(){
|
||
|
|
if( !$('.rc_dm').length ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$('.rc_dm').each(function(){
|
||
|
|
$(this)
|
||
|
|
.find('.dm_ctrl')
|
||
|
|
.click(function(){
|
||
|
|
var target = $(this).attr('rel');
|
||
|
|
var w = $(this).outerWidth();
|
||
|
|
var h = $(this).outerHeight();
|
||
|
|
var p = $(this).position();
|
||
|
|
|
||
|
|
$('.dm_list').not('#'+target).hide();
|
||
|
|
$('#'+target)
|
||
|
|
.css({
|
||
|
|
width: w,
|
||
|
|
zIndex: 999,
|
||
|
|
left: p.left,
|
||
|
|
top: p.top + h
|
||
|
|
})
|
||
|
|
.toggle();
|
||
|
|
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
$(document).click(function(){
|
||
|
|
$('.dm_list').hide();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function tab(){
|
||
|
|
if( !$('.rc_tab').length ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$('.rc_tab').each(function(){
|
||
|
|
$(this).find('.tab_ctrl:first').addClass('recent');
|
||
|
|
$(this).find('.tab_content:not(:first)').hide();
|
||
|
|
$(this).find('.tab_ctrl').click(function(){
|
||
|
|
var target = $(this).attr('href');
|
||
|
|
$(this)
|
||
|
|
.parents('.rc_tab')
|
||
|
|
.find('.tab_content').hide()
|
||
|
|
.end()
|
||
|
|
.find('.tab_ctrl').removeClass('recent');
|
||
|
|
$(this).addClass('recent');
|
||
|
|
$(target).show();
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function tooltip(){
|
||
|
|
if( !$('.rc_tip').length ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$('.rc_tip').each(function(){
|
||
|
|
$(this).css({position: 'relative'});
|
||
|
|
var t = $(this).data('tip');
|
||
|
|
|
||
|
|
$(this)
|
||
|
|
.mouseover(function(){
|
||
|
|
var th = $(this).find('.td').outerHeight();
|
||
|
|
var p = $(this).offset();
|
||
|
|
|
||
|
|
$(this).append('<span class="td">'+t+'</span>');
|
||
|
|
$(this).find('.td').show().css('display','inline-block');
|
||
|
|
$(document).mousemove(function(e){
|
||
|
|
$(this).find('.td').css({
|
||
|
|
left: e.pageX - p.left + 16,
|
||
|
|
top: e.pageY - p.top - th - 20
|
||
|
|
});
|
||
|
|
});
|
||
|
|
})
|
||
|
|
.mouseout(function(){
|
||
|
|
$(this).find('.td').hide().detach();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function accordion(){
|
||
|
|
if( !$('.rc_accor').length ){
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$('.rc_accor').each(function(){
|
||
|
|
$(this).find('.ac_ctrl:first').addClass('recent');
|
||
|
|
$(this).find('.ac_content:not(:first)').hide();
|
||
|
|
if($(this).hasClass('av')){
|
||
|
|
$(this).find('.ac_ctrl').click(function(){
|
||
|
|
var index = $(this).parents('.av').find('.ac_ctrl').index(this);
|
||
|
|
$(this).siblings('.ac_ctrl').removeClass('recent');
|
||
|
|
$(this).addClass('recent');
|
||
|
|
$(this).parents('.rc_accor').find('.ac_content:not(:eq('+index+'))').stop().slideUp();
|
||
|
|
$(this).parents('.rc_accor').find('.ac_content:eq('+index+')').stop().slideToggle();
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
} else if($(this).hasClass('ah')){
|
||
|
|
var w = $(this).find('.ac_content').css('width');
|
||
|
|
$(this).find('.ac_content:not(:eq(0))').css({width:0});
|
||
|
|
$(this).find('.ac_ctrl').click(function(){
|
||
|
|
var index = $(this).parents('.ah').find('.ac_ctrl').index(this);
|
||
|
|
$(this).siblings('.ac_ctrl').removeClass('recent');
|
||
|
|
$(this).addClass('recent');
|
||
|
|
$(this).parents('.rc_accor').find('.ac_content:not(:eq('+index+'))').stop().animate({width:0});
|
||
|
|
$(this).parents('.rc_accor').find('.ac_content:eq('+index+')').stop().show().animate({width:w});
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|