Javascript Images zoom-out view sample. Brought to you by Õ¶ÃÎÈË.ÌìÌì QQ:22062019

Some text here...
ok.| ÄúÐèÒª×öµÄ½ö½öÊÇ¼ÓÈëpicshow¿éºÍpicbox¿é,ÉèÖÃ±ØÒª²ÎÊý,Ê£ÏÂµÄ¾ÍÈÃJSÈ¥×ö°É! (ÒÆµ½Ð¡Í¼ÉÏ¿´¸ü¶àËµÃ÷)

1	2	3
Loading Please wait...		In table

Out of table

showW='1000' showH='1000',Èç¹ûÖ¸¶¨Ô¤ÀÀÍ¼±ÈÔÍ¼´ó,ÔòÊ¹ÓÃÔÍ¼´óÐ¡

´úÂë½ÏÉÏÒ»°æ±¾½¡×³,ÄÜÔÚIE,FFÏÂÎÈ¶¨¹¤×÷,»ù±¾Ö§³ÖOP,»¶Ó´ó¼Ò°ïÖú²âÊÔ!

»¶Ó·ÃÎÊÍøÒ³ÌØÐ§´úÂëÍøÒ³ÌØÐ§´úÂëÕ¾£¬www.7stk.com

¡¡

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Javascript Images zoom-out view sample. Brought to you by Õ¶ÃÎÈË.ÌìÌì QQ:22062019</title> <script language="JavaScript">  </script> <style type="text/css">  </style> </head> <body> Some text here...<br>ok.| ÄúÐèÒª×öµÄ½ö½öÊÇ¼ÓÈëpicshow¿éºÍpicbox¿é,ÉèÖÃ±ØÒª²ÎÊý,Ê£ÏÂµÄ¾ÍÈÃJSÈ¥×ö°É! (ÒÆµ½Ð¡Í¼ÉÏ¿´¸ü¶àËµÃ÷) <table cellpadding="0" cellspacing="0" border="2" width="100%"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td width="520" align="center"> <div id="picshow"> <img id="bpic" onload="loaddone(tempo)"/> <div id="loading"> <img src="http://www.whoj.net/images/loading.gif" border="0"/> Loading <div class="text">Please wait...<br><br><br></div> </div> </div> </td> <td> <div class="picbox" show="show"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b1.jpg" src="http://www.whoj.net/images/s1.jpg" onmousemove="move(event,this,0)" dLeft="700" dTop="300" title="ÉèÖÃ±êÇ©ÊôÐÔshow='show'ÏÔÊ¾Ä¬ÈÏÍ¼Æ¬,ÉèÖÃdLeft,dTop¶¨ÒåÄ¬ÈÏÆ«ÒÆÁ¿"/> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b2.jpg" src="http://www.whoj.net/images/s2.jpg" onmousemove="move(event,this,0)" showW="200" showH="200" title="¿É×Ô¶¨ÒåÔ¤ÀÀÍ¼´óÐ¡"/> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b4.jpg" src="http://www.whoj.net/images/s4.jpg" width="302" onmousemove="move(event,this,0)" title="Ð¡Í¼¿ÉÒÔ°´±ÈÀý·Å´ó"/> </div> </td> <td>In table <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b3.jpg" src="http://www.whoj.net/images/s3.jpg" width="60" onmousemove="move(event,this,0)" title="Ò²¿ÉÒÔ°´±ÈÀýËõÐ¡"/> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b3.jpg" src="http://www.whoj.net/images/s3.jpg" onmousemove="move(event,this,0)" showW="500" showH="200" title="¿ÉÒÔÇ¶Ì×ÔÚtableÖÐ"/> </div> </td> </tr> </table> Out of table <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b2.jpg" src="http://www.whoj.net/images/s2.jpg" onmousemove="move(event,this,0)" title="·ÅÔÚtableÍâÃæÒ²Ã»ÓÐÎÊÌâ"/> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/s4.jpg" src="http://www.whoj.net/images/s4.jpg" onmousemove="move(event,this,0)" showW="1000" showH="1000" title="showW='1000' showH='1000',Èç¹ûÖ¸¶¨Ô¤ÀÀÍ¼±ÈÔÍ¼´ó,ÔòÊ¹ÓÃÔÍ¼´óÐ¡" /> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b5.jpg" src="http://www.whoj.net/images/s5.jpg" onmousemove="move(event,this,0)" showW="160" showH="320" title="´úÂë½ÏÉÏÒ»°æ±¾½¡×³,ÄÜÔÚIE,FFÏÂÎÈ¶¨¹¤×÷,»ù±¾Ö§³ÖOP,»¶Ó´ó¼Ò°ïÖú²âÊÔ!"/> </div> <div class="picbox"> <div class="view" onmousemove="if (!isIE) move(event,this,1)"></div> <img class="spic" lowsrc="http://www.whoj.net/images/b5.jpg" src="http://www.whoj.net/images/s5.jpg" onmousemove="move(event,this,0)" width="500" height="112" title="¼´Ê¹Ã»ÓÐ°´±ÈÀýÀÉì,Ò²¿ÉÒÔÕý³£¹¤×÷"/> </div> <script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </body> </html></font> <a href="http://www.7stk.com/">»¶Ó·ÃÎÊÍøÒ³ÌØÐ§´úÂëÍøÒ³ÌØÐ§´úÂëÕ¾£¬www.7stk.com</a>