Full version: jsB@nk » Menu » Image Stretch Rollover
URL: https://www.javascriptbank.com/image-stretch-rollover-index.html
The code will stretch JavaScript menu image background when visitors move mouse over it.
Full version: jsB@nk » Menu » Image Stretch Rollover
URL: https://www.javascriptbank.com/image-stretch-rollover-index.html
<STYLE>P {FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=JavaScript src="ImageZoom.js" type=text/javascript></SCRIPT><SCRIPT>JSFX.zoomStretch = "HORIZONTAL";</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<TABLE border=4> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width=180 align=center> <TBODY> <TR> <TD align=middle width=160><A href="http://javascriptbank.com"> <IMG onmouseover=JSFX.zoomIn(this) onmouseout=JSFX.zoomOut(this) src="home.gif" border=0 width="100" height="30"></A></TD></TR> <TR> <TD align=middle width=160><A href="http://javascriptbank.com"> <IMG onmouseover=JSFX.zoomIn(this) onmouseout=JSFX.zoomOut(this) src="scripts.gif" border=0 width="100" height="30"></A></TD></TR> <TR> <TD align=middle width=160><A href="http://javascriptbank.com"> <IMG onmouseover=JSFX.zoomIn(this) onmouseout=JSFX.zoomOut(this) src="links.gif" border=0 width="100" height="30"></A></TD></TR> <TR> <TD align=middle width=160><A href="http://javascriptbank.com"> <IMG onmouseover=JSFX.zoomIn(this) onmouseout=JSFX.zoomOut(this) src="email.gif" border=0 width="100" height="30"></A></TD></TR> <TR> <TD align=middle width=160><A href="http://javascriptbank.com"> <IMG onmouseover=JSFX.zoomIn(this) onmouseout=JSFX.zoomOut(this) src="special.gif" border=0 width="100" height="30"></A></TD></TR></TBODY></TABLE></TD> <TD vAlign=top> <P>The navbar on the left has been created as an example of "Zooming Rollovers". In this version the zoom is for the width only so the rollovers "Stretch". </P></TD></TR></TBODY></TABLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/menu/Image_Stretch_Rollover/ImageZoom.jshttp://javascriptbank.com/javascript/menu/Image_Stretch_Rollover/Image_Stretch_Rollover_images.zip