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;
 | 
						|
			});
 | 
						|
		}
 | 
						|
		
 | 
						|
		
 | 
						|
		
 | 
						|
	});
 | 
						|
}
 |