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

In - Ảnh thu nhỏ khi nhấp chuột - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Ảnh thu nhỏ khi nhấp chuột
URL: http://www.javascriptbank.com/image-zoom-out-index.html

Ảnh thu nhỏ khi nhấp chuột © JavaScriptBank.comHiệu ứng JavaScript này sẽ làm cho ảnh thu nhỏ dần và biến mất khi người dùng nhấn chuột vào nó.

Phiên bản đầy đủ: jsB@nk » Hình ảnh » Xem ảnh » Ảnh thu nhỏ khi nhấp chuột
URL: http://www.javascriptbank.com/image-zoom-out-index.html



CSS
<STYLE type=text/css>.link {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica}.link:hover {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #0099ff; FONT-FAMILY: verdana,arial,helvetica}.header {FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #dd0000; FONT-FAMILY: arial,verdana,helvetica}</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>// (c) 2002 Premshree Pillai// http://www.qiksearch.com// premshree@hotmail.com// Loaction of this script :// http://www.qiksearch.com/javascripts/image_zoom_out.htm// Visit http://www.qiksearch.com/javascripts.htm for more FREE scriptsdocument.write('<div id="izo_div" style="position:absolute; top:130; left:190"><img src="izo.gif" border="3" bordercolor="#000000" name="izo" alt="Image Zoom Out" onclick="javascript:setTimeout(&quot;zoom_out()&quot;,1000);" style="cursor:hand"></div>');img_act_width = izo.width;img_act_height = izo.height;i=1;function zoom_out(){ if(izo.width==0)  {   izo.border=0;  } if(izo.width!=0)  {   izo.width-=i;   izo.height=Math.round(izo.width*((img_act_height)/(img_act_width)));   setTimeout("zoom_out()",1);   i+=1;  }  } </SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<TABLE cellSpacing=0 cellPadding=0 width=400 align=center>  <TBODY>  <TR>    <TD><FONT face=verdana,arial,helvetica size=-1 #000000?>      <P>The script is very easy to customise. Here, the event that calls the function is <FONT face=courier>onclick</FONT>. You can change it to <FONT       face=courier>onmouseover</FONT>, <FONT face=courier>onmouseout</FONT>, or       <FONT face=courier>onmousedown</FONT>.</P>      <P>To see the script in action again, refresh this page.</P></FONT></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=0 width=400 align=center>  <TBODY>  <TR>    <TD>      <HR style="WIDTH: 100%; COLOR: #dd0000; HEIGHT: 1px">      <A class=link href="mailto:premshree@hotmail.com">? 2002 Premshree Pillai. All rights reserved.</A> </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/image/Image_Zoom_Out/izo.gif