Skip navigation

Lu's Notes

down to bottom of page

Rollovers

Example	
<html>
        <head>
                <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                <meta name="generator" content="Adobe GoLive 4">
                <title>Welcome to Adobe GoLive 4</title>

                <csactions>
                        <csaction name="2D862310"  class="Set Image URL" type="onevent" val0="menuone" val1="../images/btnfive.gif">
                        <csaction name="2F713211"  class="Set Image URL" type="onevent" val0="menuone" val1="../images/btnfour.gif">
                        <csaction name="18C1EFB64" class="Set Image URL" type="onevent" val0="menutwo" val1="../images/btnthree.gif">
                        <csaction name="18C29CD85" class="Set Image URL" type="onevent" val0="menuthree" val1="../images/btnfive.gif">
                        <csaction name="18C4D5E96" class="Set Image URL" type="onevent" val0="menutwo" val1="../images/btnfour.gif">
                        <csaction name="18C538907" class="Set Image URL" type="onevent" val0="menuthree" val1="../images/btnfour.gif">
                </csactions>
                <csscriptdict>
                        <script><!--
CSInit = new Array;
function CSScriptInit() {
if(typeof(skipPage) != "undefined") { if(skipPage) return; }
idxArray = new Array;
for(var i=0;i<CSInit.length;i++)
        idxArray[i] = i;
CSAction2(CSInit, idxArray);}
function CSClickReturn () 
{
        var bAgent = window.navigator.userAgent; 
        var bAppName = window.navigator.appName;
        if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
                return true; // dont follow link
        else return false; // dont follow link
}

CSAg = window.navigator.userAgent; CSBVers = parseInt(CSAg.charAt(CSAg.indexOf("/")+1),10);
function IsIE() { return CSAg.indexOf("MSIE") > 0;}
function CSIEStyl(s) { return document.all.tags("div")[s].style; }
function CSNSStyl(s) { return CSFindElement(s,0); }
function CSFindElement(n,ly) 
	{ 
	  if (CSBVers < 4) return document[n];
        	   var curDoc = ly ? ly.document : document; var elem = curDoc[n];
               if (!elem) { for (var i=0;i<curDoc.layers.length;i++) 
	                      {elem = CSFindElement(n,curDoc.layers[i]); if (elem) return elem; }
	                 }
        return elem;
	}
function CSButtonReturn () 
       {
        var bAgent = window.navigator.userAgent; 
        var bAppName = window.navigator.appName;
        if ((bAppName.indexOf("Explorer") >= 0) && (bAgent.indexOf("Mozilla/3") >= 0) && (bAgent.indexOf("Mac") >= 0))
                return false; // follow link
        else return true; // follow link
       }

CSIm = new Object();
function CSIShow(n,i) 
{
        if (document.images)
	 {
                if (CSIm[n]) 
	       {
                        var img = (!IsIE()) ? CSFindElement(n,0) : document[n];
                        if (img && typeof(CSIm[n][i].src) != "undefined") {img.src = CSIm[n][i].src;}
                        if(i != 0)
                                self.status = CSIm[n][3];
                        else
                                self.status = " ";
                        return true;
                     }
                }
        return false;
}
function CSILoad(action) 
{
        im = action[1];
        if (document.images) 
	{
                CSIm[im] = new Object();
                for (var i=2;i<5;i++) 
	          {
                        if (action[i] != '') { CSIm[im][i-2] = new Image(); CSIm[im][i-2].src = action[i]; }
                        else CSIm[im][i-2] = 0;
                        }
                CSIm[im][3] = action[5];
        	}
}
CSStopExecution = false;
function CSAction(array) 
{ 
        return CSAction2(CSAct, array);
}
function CSAction2(fct, array) 
{ 
        var result;
        for (var i=0;i<array.length;i++) 
	{
                if(CSStopExecution) return false; 
                var actArray = fct[array[i]];
                if(actArray == null) return false; 
                var tempArray = new Array;
                for(var j=1;j<actArray.length;j++)
	          {
                        if((actArray[j] != null) && (typeof(actArray[j]) == "object") && (actArray[j].length == 2)) 
		   {
                                if(actArray[j][0] == "VAR")
			 {
                                        tempArray[j] = CSStateArray[actArray[j][1]];
                                        }
                                else {
                                        if(actArray[j][0] == "ACT")
			      {
                                                tempArray[j] = CSAction(new Array(new String(actArray[j][1])));
                                             }
                                else
                                        tempArray[j] = actArray[j];
                                }
                        }
                        else
                                tempArray[j] = actArray[j];
                }                       
                result = actArray[0](tempArray);
        }
        return result;
}
CSAct = new Object;



function CSSetImageURL(action) 
{
        var img = null;
        if (document.images) 
           {
                if (!IsIE()) img = CSFindElement(action[1],0);
                else img = document.images[action[1]];
                if (img) img.src = action[2];
           }
}

// --></script>
                </csscriptdict>
                <csactiondict>
                        <script><!--
CSInit[CSInit.length] =    new Array(CSILoad,/*CMP*/'Button',/*URL*/'../images/btnone.gif',/*URL*/'../images/btntwo.gif',/*URL*/'../images/btnthree.gif','');
CSInit[CSInit.length] =    new Array(CSILoad,/*CMP*/'button3',/*URL*/'../images/btnone.gif',/*URL*/'../images/btntwo.gif',/*URL*/'','');
CSAct[/*CMP*/ '2D862310'] = new Array(CSSetImageURL,/*CMP*/ 'menuone',/*URL*/ '../images/btnfive.gif');
CSAct[/*CMP*/ '2F713211'] = new Array(CSSetImageURL,/*CMP*/ 'menuone',/*URL*/ '../images/btnfour.gif');
CSAct[/*CMP*/ '18C1EFB64'] = new Array(CSSetImageURL,/*CMP*/ 'menutwo',/*URL*/ '../images/btnthree.gif');
CSAct[/*CMP*/ '18C29CD85'] = new Array(CSSetImageURL,/*CMP*/ 'menuthree',/*URL*/ '../images/btnfive.gif');
CSAct[/*CMP*/ '18C4D5E96'] = new Array(CSSetImageURL,/*CMP*/ 'menutwo',/*URL*/ '../images/btnfour.gif');
CSAct[/*CMP*/ '18C538907'] = new Array(CSSetImageURL,/*CMP*/ 'menuthree',/*URL*/ '../images/btnfour.gif');

// --></script>
                </csactiondict>
        </head>
        <body onload="CSScriptInit();" bgcolor="white">
                <table cool width="707" height="447" border="0" cellpadding="0" cellspacing="0" gridx="16" showgridx usegridx
		 gridy="16" showgridy usegridy>
                <tr height="32">
                      <td width="706" height="32" colspan="5"></td>
                      <td width="1" height="32"><spacer type="block" width="1" height="32"></td>
                </tr>
                <tr height="64">
                      <td width="32" height="64"></td>
                      <td width="128" height="64" valign="top" align="left" xpos="32">
		<csobj w="100" h="50" t="Button" ht="../images/btntwo.gif" cl="../images/btnthree.gif">
		<a href="#" onmouseover="return CSIShow(/*CMP*/'Button',1)" onmouseout="return
			 CSIShow(/*CMP*/'Button',0)" onclick="CSIShow(/*CMP*/'Button',2);return CSButtonReturn()">
		<img src="../images/btnone.gif" width="100" height="50" name="Button" border="0">
		</a></csobj></td>
                      <td width="128" height="64" valign="top" align="left" xpos="160">
		<a href="#" target="menuone" onmouseover="CSAction(new Array(/*CMP*/'2D862310'));return true;" 
		       csover="2D862310" onmouseout="CSAction(new Array(/*CMP*/'2F713211'));" csout="2F713211">
		<img height="48" width="96" src="../images/btnone.gif" border="0">
		</a></td>
                      <td width="128" height="64" valign="top" align="left" xpos="288">
		<a href="#" target="menutwo" onmouseover="CSAction(new Array(/*CMP*/'18C1EFB64'));return
		      true;return CSIShow(/*CMP*/'Button2',1)" onmouseout="CSAction(new Array(/*CMP*/'18C4D5E96'));
		      return CSIShow(/*CMP*/'Button2',0)" onclick="return CSButtonReturn()" csover="18C1EFB64"
		      csout="18C4D5E96">
		<img src="../images/btnone.gif" width="96" height="48" name="Button2" border="0">
		</a></td>
                     <td width="290" height="64" valign="top" align="left" xpos="416">
		<csobj w="100" h="50" t="Button" ht="../images/btntwo.gif" csclick="18C29CD85" csout="18C538907">
		<a href="#" target="menuthree" onmouseover="return CSIShow(/*CMP*/'button3',1)" onmouseout="CSAction(new Array(/*CMP*/'18C538907'));return CSIShow(/*CMP*/'button3',0)" onclick="CSAction(new Array(/*CMP*/'18C29CD85'));return CSClickReturn()"><img src="../images/btnone.gif" width="100" height="50" name="button3" border="0"></a></csobj></td>
                                <td width="1" height="64"><spacer type="block" width="1" height="64"></td>
                        </tr>
                        <tr height="350">
                                <td width="160" height="350" colspan="2"></td>
                                <td width="128" height="350" valign="top" align="left" xpos="160"><img height="96" width="96" src="../images/btnfour.gif" border="0" name="menuone"></td>
                                <td width="128" height="350" valign="top" align="left" xpos="288"><img src="../images/btnfour.gif" width="96" height="96" border="0" name="menutwo"></td>
                                <td width="290" height="350" valign="top" align="left" xpos="416"><img src="../images/btnfour.gif" width="96" height="96" border="0" name="menuthree"></td>
                                <td width="1"   height="350"><spacer type="block" width="1" height="350"></td>
                        </tr>
                        <tr height="1" cntrlrow>
                                <td width="32"  height="1"><spacer type="block" width="32" height="1"></td>
                                <td width="128" height="1"><spacer type="block" width="128" height="1"></td>
                                <td width="128" height="1"><spacer type="block" width="128" height="1"></td>
                                <td width="128" height="1"><spacer type="block" width="128" height="1"></td>
                                <td width="290" height="1"><spacer type="block" width="290" height="1"></td>
                                <td width="1"   height="1"></td>
                        </tr>
                </table>
        </body>

</html>

up to top of page   Return to Top of Page   up to top of page up to top of page