Learn how to use jQuery at the Blog

Driving Force Recruiting « visit

  • Added 7 months ago
  • 142 Lines of Code shown
  • 1 Links of Interest
http://dfrecruiting.com
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to Driving Force Recruiting - http://dfrecruiting.com

$(document).ready(function(){

	$("#cf_uploadfile-4").remove().appendTo("#label--4").parent().addClass("uploadLabel");

	$("#page-nav ul li:first, #footer ul li:first").css('display','none');

	$("#page-nav ul li").hover(
		function (){
			$(this).addClass("navLiHover");
		}, function(){
			$(this).removeClass("navLiHover");
		}
	);

	$("body").not(".safari").not(".msie").find(".widget-title").dropShadow({
		left: 1,
		top: 1,
		blur: 0,
		opacity: 1,
		color: "white"
	});
	
	$("body").not(".safari").not(".msie").find(".page-title a").dropShadow({
		left: 1,
		top: -1,
		blur: 0,
		opacity: 1,
		color: "white"
	});

	$('#site-title a span').fadeTo(0, 0);
	
	$('#site-title a span').hover(
		function () {
			$(this).stop().fadeTo("slow", 1);
		},
		function () {
			$(this).stop().fadeTo("slow", 0);
		}
	);
	
	
	$("#cf_uploadfile-7").remove().appendTo("#label--7").parent().addClass("uploadLabel");
	
	SI.Files.fileClass = 'upload';
	SI.Files.wrapClass = 'uploadLabel';
	SI.Files.stylizeById('cf_uploadfile-7');
	
	$('#label--7').hover(
		function () {
			$(this).addClass("hover");
		},
		function () {
			$(this).removeClass("hover");
		}
	);
	
	
	// nav rollover FX
	
	$('#navigation li').addClass('highlight').find('a').contents().wrap("<span/>");
	
	
	if ($.browser.msie && $.browser.version < 7) return;
	
	$('#navigation li')
		.removeClass('highlight')
		.find('a')
		.append('<span class="hover" />').each(function () {
		
				var $span = $('> span.hover', this).css('opacity', 0);
				$(this).hover(function () {
					// on hover
					$span.stop().fadeTo(500, 1);
				}, function () {
					// off hover
					$span.stop().fadeTo(500, 0);
				});
		});
		
	
});




$(document).ready(function(){

	$(".ie6 #getaJob img").attr("src","wp-content/themes/hybrid-bundy/images/H_getajob.gif");
	$(".ie6 #fillaJob img").attr("src","wp-content/themes/hybrid-bundy/images/H_fillajob.gif");
	
	$('#getaJob').hover(
		function () {
			
			$(this).stop().animate({ 
				width: "480px",
				paddingTop: "0px" 
			}, 250 );
			$("#fillaJob").stop().animate({ 
				width: "250px", 
				paddingTop: "30px"
			}, 250 );
		},
		function () {
		
			$(this).stop().animate({ 
				width: "385px",
				paddingTop: "15px" 
			}, 250 );
			$("#fillaJob").stop().animate({ 
				width: "340px", 
				paddingTop: "15px" 
			}, 250 );
		}
	);
	
	$('#fillaJob').hover(
		function () {

			$(this).stop().animate({ 
				width: "430px",
				paddingTop: "0px" 
			}, 250 );
			$("#getaJob").stop().animate({ 
				width: "290px", 
				paddingTop: "30px" 
			}, 250 );
		},
		function () {

			$(this).stop().animate({ 
				width: "340px",
				paddingTop: "15px" 
			}, 250 );
			$("#getaJob").stop().animate({ 
				width: "385px", 
				paddingTop: "15px" 
			}, 250 );
		}
	);

});