var
ie4=(document.all)?true:false;
var ns4=(document.layers)?true:false; |
checking
for browser. not the name of it, but for the document object model
(dom) it uses. thus "ie4" and "ns4" refer more
to the way a browser treats the document, not the browser's name itself. |
//OVER-OUT
FUNC
function overThis(divID, overImg){
if(ie4){
document.all[last].style.visibility = "hidden";
document.all[divID].style.visibility = "visible";
}if(ns4){
document.layers[last].visibility ="hide";
document.layers[divID].visibility ="show";
} |
the function
itself serves two different ways to show a css layer, based on the
browser type. the code is simple by itself. the only thing to be mentioned
is this "last" variable. this variable is used to register
the last layer shown, so the next time this layer will be hidden. |
var oM =
"img"+overImg+"G";
document.images[lastIm].src = img0.src;
document.images[oM].src = eval("img"+[overImg]+".src");
last = divID;
lastIm = oM;
} |
the same technique is
used for rollovers. there is a variable "lastIm" to store
the name of the last image which was changed (moused over or moused
out). all images are preloaded and have names like "img2"
and "img2G". the G images are identical in the source
- an image to trigger on roll out. |
[x]close |