Uncle Jims Web Designs: Display hidden layers on Mouseover

Uncle Jim's Web Designs

Show Div Layer on Link Rollover
Author: Jim Stiles

Hello World!

Rollover to show and hide the layer.

INSTALLATION INSTRUCTIONS

COPY - Insert Between Head Tags: <HEAD></HEAD>

<script LANGUAGE="JavaScript" src="http://jdstiles.com/java/noscape.js"></SCRIPT>
<title>Rollover Example: Layer</title>
<style type="text/css"></style>
<script type="text/javascript"><!-- 
/*
 _____________________________________
/ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ\
| Another JavaScript from Uncle Jim   |
| Feel free to copy, use and change   |
| this script as long as this part    |
| remains unchanged. You can visit    |
| my website at http://jdstiles.com   |
| for more scripts like this one.     |
| Created: 1996 Updated: 2006         |
\_____________________________________/
 ЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇЇ
*/
    var layer = new String();
    var style = new String();

function check(){
      if(navigator.userAgent.indexOf("MSIE") != -1){
        layer = ".all";
        style = ".style";
      }else if(navigator.userAgent.indexOf("Nav") != -1){
        layer = ".layers";
        style = "";
      }
    }

function rollover(layerRef, state){
      eval("document" + layer + "['" + layerRef + "']" + style + 
".visibility = '" + state + "'");
    }
//--></script>

COPY - Insert Inside Body: <BODY></BODY>

COPY - Insert into Body Tag: <BODY 'CODE HERE'>

Close This Window