JavaScript Marquee v3

Demo 3: Wipe Transitions

Previous Demo - Marquee Page - Next Demo

Back Forward


// ----------- SETTINGS ----------- //

// Messages //
var msgarray=new Array
(
 'UP',
 'DOWN',
 'LEFT',
 'RIGHT',
 'UP DOWN',
 'LEFT RIGHT',
 'UP LEFT',
 'UP RIGHT',
 'DOWN LEFT',
 'DOWN RIGHT',
 'UP DOWN LEFT',
 'UP DOWN RIGHT',
 'LEFT RIGHT UP',
 'LEFT RIGHT DOWN',
 'UP DOWN LEFT RIGHT',
 'UP DOWN LEFT RIGHT'
);

// Speed Settings //
var pausetime = 1000;	// Pause Length
var msginc = 30;	// Increments 
var interval = 40;	// Interval
var ppat = new Array();	// Pause pattern.
var ipat = new Array();	// Increment pattern
var wraptime = false;	// Wrap Speed Patterns

// Direction Settings //
var direction = 'pattern';	// Direction
var dpat = new Array(
 'up',
 'down',
 'left',
 'right',
 'updown',
 'leftright',
 'upleft',
 'upright',
 'downleft',
 'downright',
 'updownleft',
 'updownright',
 'leftrightup',
 'leftrightdown',
 'updownleftright',
 'updownleftright'
);	// Direction Pattern

// Transition Settings //
var transition = 'wipe';	// Transition Method
var tpat = new Array();		// Transition Pattern

// Background Colour / Image Settings //
var bgcolor = 'pattern';	// Background Colour/Image

// Background Colour/Image Pattern
var cpat = new Array(
 'arup.gif',
 'ardownn.gif',
 'arleft.gif',
 'arrightn.gif',
 'arver.gif',
 'arhozn.gif',
 'aruleft.gif',
 'arurightn.gif',
 'ardleft.gif',
 'ardrightn.gif',
 'arleft.gif',
 'arrightn.gif',
 'arup.gif',
 'ardownn.gif',
 'arall.gif',
 'aralln.gif'
);

// Advanced //
var mhalign = 'center';		// Horizontal Alignment
var mvalign = 'middle';		// Vertical Alignment
var csspat = new Array();	// CSS Class Pattern

// Opera Position Adjustment //
var dispv = 5;	// Top margin in pixels.
var disph = 5;	// Left margin in pixels.

// Bottom-Right Netscape Saftey //
var nsafe = false;

// Message Dump //
mdump = false;
dumptest = false;

ruinsofmoring.net