JavaScript Marquee v3

Demo 4: Wipe vs. Unwipe Transitions

Previous Demo - Marquee Page - Next Demo

Back Forward


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

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

// 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 = 'dpattern';	// Direction
var dpat = new Array(
 'updown',
 'leftright',
 'upleft',
 'upright',
 'downleft',
 'downright',
 'updownleft',
 'updownright',
 'leftrightup',
 'leftrightdown',
 'updownleftright'
);	// Direction Pattern

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

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

// Background Colour/Image Pattern
var cpat = new Array(
 'arver.gif',
 'arvern.gif',
 'arhoz.gif',
 'arhozn.gif',
 'aruleft.gif',
 'aruleftn.gif',
 'aruright.gif',
 'arurightn.gif',
 'ardleft.gif',
 'ardleftn.gif',
 'ardright.gif',
 'ardrightn.gif',
 'arleft.gif',
 'arleftn.gif',
 'arright.gif',
 'arrightn.gif',
 'arup.gif',
 'arupn.gif',
 'ardown.gif',
 'ardownn.gif',
 'arall.gif',
 'aralln.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