Learn how to use jQuery at the Blog

SharePoint Artist « visit

  • Added 7 months ago
  • 201 Lines of Code shown
  • 2 Links of Interest
http://sharepointartist.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 SharePoint Artist - http://sharepointartist.com

	$(document).ready(function(){
			
// Navigation
		$('#nav a.about')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 -25px)"}, 
					{duration:500})
				})
			.mouseout(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 0)"}, 
					{duration:500})
				})
				
		$('#nav a.work')
			.css( {backgroundPosition: "-128px 0"} )
			.mouseover(function(){
				$(this).stop().animate(
					{backgroundPosition:"(-128px -25px)"}, 
					{duration:500})
				})
			.mouseout(function(){
				$(this).stop().animate(
					{backgroundPosition:"(-128px 0)"}, 
					{duration:500})
				})
				
		$('#nav a.contact')
			.css( {backgroundPosition: "-240px 0"} )
			.mouseover(function(){
				$(this).stop().animate(
					{backgroundPosition:"(-240px -25px)"}, 
					{duration:500})
				})
			.mouseout(function(){
				$(this).stop().animate(
					{backgroundPosition:"(-240px 0)"}, 
					{duration:500})
				})
				
// Scroll
		  function filterPath(string) {
		  return string
		 .replace(/^\//,'')
		 .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
		 .replace(/\/$/,'');
		  }
		  var locationPath = filterPath(location.pathname);
		  $('a[href*=#]').each(function() {
		 var thisPath = filterPath(this.pathname) || locationPath;
		 if (  locationPath == thisPath
		 && (location.hostname == this.hostname || !this.hostname)
		 && this.hash.replace(/#/,'') ) {
		   var $target = $(this.hash), target = this.hash;
		   if (target) {
		  var targetOffset = $target.offset().top;
		  $(this).click(function(event) {
		    event.preventDefault();
		    $('html, body').animate({scrollTop: targetOffset}, 400, function() {
		   location.hash = target;
		    });
		  });
		   }
		 }
		  });
		  
// Return-to-Top Link
		$("a.top").corners();
		
// Work Display

		// eduLink
		$('li.eduLink a.next').click(
			function(){ $("#work ul li.eduLink").slideUp('slow');
						$('li.abbott').slideDown('slow'); 
		});
		
		// abbott
		$('li.abbott a.previous').click(
			function(){ $("li.abbott").slideUp('slow');
						$('li.eduLink').slideDown('slow'); 
		});
		$('li.abbott a.next').click(
			function(){ $("li.abbott").slideUp('slow');
						$('li.abbott2').slideDown('slow'); 
		});
		
		// abbott2
		$('li.abbott2 a.previous').click(
			function(){ $("li.abbott2").slideUp('slow');
						$('li.abbott').slideDown('slow'); 
		});
		$('li.abbott2 a.next').click(
			function(){ $("li.abbott2").slideUp('slow');
						$('li.abbott3').slideDown('slow'); 
		});
		
		// abbott3
		$('li.abbott3 a.previous').click(
			function(){ $("li.abbott3").slideUp('slow');
						$('li.abbott2').slideDown('slow'); 
		});
		$('li.abbott3 a.next').click(
			function(){ $("li.abbott3").slideUp('slow');
						$('li.fire').slideDown('slow'); 
		});
		
		// fire
		$('li.fire a.previous').click(
			function(){ $("li.fire").slideUp('slow');
						$('li.abbott3').slideDown('slow'); 
		});
		$('li.fire a.next').click(
			function(){ $("li.fire").slideUp('slow');
						$('li.standard').slideDown('slow'); 
		});
		
		// standard
		$('li.standard a.previous').click(
			function(){ $("li.standard").slideUp('slow');
						$('li.fire').slideDown('slow'); 
		});
		$('li.standard a.next').click(
			function(){ $("li.standard").slideUp('slow');
						$('li.drjohn').slideDown('2500'); 
		});
		
		// drjohn
		$('li.drjohn a.previous').click(
			function(){ $("li.drjohn").slideUp('2500');
						$('li.standard').slideDown('slow'); 
		});
		$('li.drjohn a.next').click(
			function(){ $("li.drjohn").slideUp('2500');
						$('li.gemalto').slideDown('slow'); 
		});
		
		// gemalto
		$('li.gemalto a.previous').click(
			function(){ $("li.gemalto").slideUp('slow');
						$('li.drjohn').slideDown('slow'); 
		});
		$('li.gemalto a.next').click(
			function(){ $("li.gemalto").slideUp('slow');
						$('li.worcestershire').slideDown('slow'); 
		});
		
		// worcestershire
		$('li.worcestershire a.previous').click(
			function(){ $("li.worcestershire").slideUp('slow');
						$('li.gemalto').slideDown('slow'); 
		});
		$('li.worcestershire a.next').click(
			function(){ $("li.worcestershire").slideUp('slow');
						$('li.eduLink').slideDown('slow'); 
		});
		
// Read More
		$('p.readMore a').click(
			function(){ $(this).slideUp('fast');
						$('#about div').slideDown('fast');
		});
		
		
// Read More
		$('p.readLess a').click(
			function(){ $('#about div').slideUp('fast');
						$('p.readMore a').slideDown('fast');
		});
		
// Next/Prev
		$('a.next')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 -24px)"}, 
					{duration:500})
				})
			.mouseout(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 0)"}, 
					{duration:500})
				})
		$('a.previous')
			.css( {backgroundPosition: "0 0"} )
			.mouseover(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 -24px)"}, 
					{duration:500})
				})
			.mouseout(function(){
				$(this).stop().animate(
					{backgroundPosition:"(0 0)"}, 
					{duration:500})
				})
		

   		 
});