ScriptBreaker

The JQuery welcome box slides a div in the center of the screen. The background is disabled, so the use must first close the welcome box to continue to use your website.

HTML, CCS and JQuery code

<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="scriptbreaker-slideto-1.0.js"></script>
<script language="JavaScript">


$(document).ready(function() {
	$('#sliderBox').slideTo({
		transition:300,
		top:'center',
		left:'center',
		inside:window
	});
	$('#background').height($(document).height());

	jQuery(window).resize(function() {
		$('#sliderBox').stop().slideTo({
			transition:300,
			top:'center',
			left:'center',
			inside:window
		});
	});

	var closeWelcomeBox;

	$(window).scroll(function(){ 
		if(!closeWelcomeBox){
			$('#sliderBox').stop().slideTo({
				transition:300,
				top:'center',
				left:'center',
				inside:window
			});
		}
	});

	
	$("#closeWelcomeBox").click(function(){
		$('#sliderBox').stop().slideTo({ 
			transition:500,
			top:-400
	    	});
	    	$('#background').fadeOut(500);
		closeWelcomeBox = true;
	});
});


</script>


<div id="background" ></div>
<div id="sliderBox">
	
	


	JQuery Welcome box.  Uses the scriptbreaker slideTo function.

	http://www.scriptbreaker.com
	
</div>

 Download full sourcecode