Flying Border Popup

This JavaScript creates a pop-up-window that rushes right around the screen. Great impact for banners and important messages! Crossbrowser. True copy-and-paste setup.

Sampled by JavaScriptBank.com Close popup window then reload this page to run again

Over 2000+ free Javascript

at JavaScriptBank.com Website

Configuration:

Step 1: Open your webpage. Paste the following code anywhere into your webpage:

<SCRIPT>
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

var popwindow
var tisurl
var tiswidth
var tisheight
var thismargin=10
var tistopposition=thismargin
var tisleftposition=thismargin
var pause=20
var step=20
var screenwidth
var screenheight
var endposition_x
var endposition_y
var timer

function openpopup(thisurl,thiswidth,thisheight) {
	tisurl=thisurl
	tiswidth=thiswidth
	tisheight=thisheight

popwindow=window.open(tisurl, "newwindow", "toolbar=no,width="+tiswidth+",height="+tisheight+",top="+tistopposition+",left="+(tisleftposition)+"");

screenwidth=window.screen.width
	screenheight=window.screen.height
	endposition_x=screenwidth-thiswidth-thismargin
	endposition_y=screenheight-thisheight-thismargin
	movedown()
}

function movedown() {
	if (tistopposition<=endposition_y-50) {
		popwindow.moveTo(tisleftposition,tistopposition)
		tistopposition+=step
		timer= setTimeout("movedown()",pause)
	}
	else {
		clearTimeout(timer)
		tistopposition=endposition_y-50
		popwindow.moveTo(tisleftposition,tistopposition)
		moveright()
	}
}

function moveright() {
	if (tisleftposition<=endposition_x) {
		popwindow.moveTo(tisleftposition,tistopposition)
		tisleftposition+=step
		timer= setTimeout("moveright()",pause)
	}
	else {
		clearTimeout(timer)
		tisleftposition=endposition_x
		popwindow.moveTo(tisleftposition,tistopposition)
		moveup()
	}
}

function moveup() {
	if (tistopposition>=thismargin) {
		popwindow.moveTo(tisleftposition,tistopposition)
		tistopposition-=step
		timer= setTimeout("moveup()",pause)
	}
	else {
		clearTimeout(timer)
		tistopposition=thismargin
		popwindow.moveTo(tisleftposition,tistopposition)
		moveleft()
	}
}

function moveleft() {
	if (tisleftposition>=thismargin) {
		popwindow.moveTo(tisleftposition,tistopposition)
		tisleftposition-=step
		timer= setTimeout("moveleft()",pause)
	}
	else {
		clearTimeout(timer)
		tisleftposition=thismargin
		popwindow.moveTo(tisleftposition,tistopposition)
	}
}
</SCRIPT>

Step 2: Paste the following red code right INTO the <body> tag of your webpage:
<body onLoad="openpopup('popupcontent.html','130','140')">

popupcontent.html is the HTML-file displayed inside pop-up-window (just change its value).
130 is the width of the popupwindow (just change its value).
140 is the height of the popupwindow (just change its value).

Over 2000+ free Javascript
at JavaScriptBank.com Website