»
Tiếng AnhTiếng PhápTiếng Việt

In - Menu co dãn - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu co dãn
URL: https://www.javascriptbank.com/image-stretch-rollover-index.html

Menu co dãn © JavaScriptBank.comHiệu ứng tạo ra một trình đơn với các tùy chọn có thể sẽ co dãn mỗi khi người dùng rê con trỏ chuột vào/ra.

Phiên bản đầy đủ: jsB@nk » Trình đơn » Menu co dãn
URL: https://www.javascriptbank.com/image-stretch-rollover-index.html



CSS
<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-->


JavaScript
<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-->


HTML
<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 &quot;Zooming Rollovers&quot;. In this version the zoom is for the width only so the rollovers &quot;Stretch&quot;. </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-->


Files
http://javascriptbank.com/javascript/menu/Image_Stretch_Rollover/ImageZoom.jshttp://javascriptbank.com/javascript/menu/Image_Stretch_Rollover/Image_Stretch_Rollover_images.zip