The JavaScript Source: Misc.: Layers

Home Misc. Layers

(Requires Netscape 4.0 or better) Here's a perfect example of Netscape's newest feature - layers. Layers can seemingly "float" objects around this screen, pictures, tables, text, etc. It's something that's undoubtedly going to be widely used in the future!

o

o

o

o

o

o

o

o

The JavaScript Source: Misc.: Layers
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as NotePad or SimpleText) and save (Control-s or Apple-s). The script is yours!

  <HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> <BODY onLoad="doit()">  <BODY> <div id="box1" style="position:absolute; align:center; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box2" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box3" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box4" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box5" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box6" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box7" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="box8" style="position:absolute; align:center; visibility:show; left:5px; top:250px; z-index:1"> o </div> <div id="hideall" style="position:absolute; align:center; visibility:show; left:10px; top:10px; z-index:1"> <table cellpadding=1 border=1><td><a href="javascript:hideit()"> <font color=#0000FF>hide all</font></td></a></table> </div> <div id="showall" style="position:absolute; align:center; visibility:show; left:10px; top:200px; z-index:1"> <table cellpadding=1 border=1><td><a href="javascript:showit()"><font color=#0000FF>show all</font></a></td></table> </div> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> 
Did you use this script? Do you like this site? Please link to us!

Add a comment, suggestion, or correction

Sign up for the JavaScript Weekly

internet.com Privacy Policy

[ Contact Us! ]
[ JavaScript Forum ]
[ Submit Your Script! ]

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

Whitepapers and eBooks

Adobe Article: Adobe Helps PHP Developers Create Rich Internet Applications
Adobe Article: Java Developers Finding a Home at Adobe Flex
IBM Articles: A Smarter Business Needs Smarter Technology
Intel Xeon Processor Increases Server Efficiency and Capabilities
Intel Tech Brief: Automated Energy Efficiency for the Intelligent Enterprise
Oracle Whitepaper: Using Oracle In-Memory Database Cache to Accelerate the Oracle Database
Oracle Whitepapers - Innovation for IT Leaders
Avaya Article: Communication-Enabled Mashups--Empowering Both Business Owners and IT

Internet.com eBook: IT Manager's Guide to Social Networking
Internet.com eBook: Get Ready for Windows 7
Microsoft Article: Expression Web 3--New Features for PHP Developers
Whitepapers: Manage Your Business Infrastracture with IBM
Whitepaper: Maximize Your Storage Investment with HP
Internet.com eBook: Becoming a Better Project Manager
Microsoft Article: Stress Free and Efficient Designer/Developer Collaboration
MORE WHITEPAPERS, EBOOKS, AND ARTICLES

Webcasts

Webcast: Connecting PHP to Microsoft Technologies
Video: Microsoft Partner Program Benefits
Video: Windows Azure Debugging Tips
SAP BusinessObjects Webcast: Unlock the Power of Reporting with Crystal Reports

IBM Webcast: Speed Business Innovation with Reduced Cost and Risk
Video: Deploy Applications on Windows Azure
MORE WEBCASTS, PODCASTS, AND VIDEOS

Downloads and eKits

Downloads & Free Trials: Microsoft's New Efficiency Resource Center
Get the Windows 7 SDK
Free Trial: Red Gate SQL Backup Pro 6

Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS

Tutorials and Demos

Virtual Lab: Migrating PHP Applications
Enabling Web Slices and Accelerators with a PHP Site
Internet.com Hot List: Get the Inside Scoop on the Hottest IT and Developer Products

All About Botnets
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES