Web Hosting by Netfirms | Free Domain Names by Netfirms

RESTRICTED AREA JAVASCRIPT OBJECT

This object makes an xlayer continuously move within a specified left, right, top and bottom position at a certain speed. 4 events can be captured, which are called when the layer hits one of the 4 sides of the document.

Press the stop and start buttons to start or stop the blue layer from moving. Change the speed to change the speed at which the layer moves. Note in this demonstration the layer's text changes according to what margin the layer hit.

The object is fully customizable, the following attributes can be set:

Events to capture: left, right, top and bottom margin hit,
moving Speed
The top and bottom margins for the layer must be kept inside.
Ability to stop the layer from moving

Change appearance of layer be using xLayer's methods

Code!
<script language="javascript" src="xLayer.js"></script> <script language="javascript" src="xAvoid.js"></script> <script language="javascript"> function init(){ layer = new xLayer(200,25,0,0,true,"skyblue"); layer.write("<h2>xLayer</h2>"); avoid = new xAvoid(layer); avoid.onRightMarginHit = new Function("setLayerMarginTxt('Right')"); avoid.onLeftMarginHit = new Function("setLayerMarginTxt('Left')"); avoid.onTopMarginHit = new Function("setLayerMarginTxt('Top')"); avoid.onBottomMarginHit = new Function("setLayerMarginTxt('Bottom')"); avoid.start(); } function setLayerMarginTxt(strTxt) { layer.write("xLayer Hit " + strTxt + " Margin"); } </script>

You may use this javascript for free!

Home