淘宝鼠标滑过图片放大效果实现

<div class="main" style="padding-top:5px;padding-bottom:3px;background:#CCCCCC">
<table width="950" border="0" cellpadding="0" cellspacing="5" bgcolor="#CCCCCC">
  <tr align="center">
    <td>
<div style="padding:0px;margin:0px;width:230px;background-color:#CCCC33;"  class="kunp13740408835941">
  <a href="http://www.taobao.com/" style="padding:0px;margin:0px;" target="_blank">
   <div style="padding:0px;margin:0px"><img src="http://taobaokaidian.com/tool/ajax/fangdajing/img/1.jpg" width="230px" border="0px" style="padding:0px;margin:0px;"/></div>
   <div style="background-color:#CCCC33;padding:0px;margin:0px;height:40px;line-height:40px;font-weight:bold;width:230px;">
      <div style="background-color:#CC66FF;float:left;line-height:40px;color:#333333;text-decoration: none;font-size:20px;">&nbsp;爆款&nbsp;</div>
      <div style="margin-right:5px;">
        <span style="float:right;">
       <font style="font-size:12px;color:#FFCCFF;">￥</font>
   <font style="font-size:20px;font-weight:bold;color:#FFFF00;">308</font>
   <font style="font-size:10px;color:#FFFF00;">.00</font>
    </span>
<span style="font-size:14px;color:#eeeeee">&nbsp;<s>￥350</s></span>
      </div>
    </div>
  </a>
</div>

<div class="J_TWidget" data-widget-config="{ 'trigger':'.kunp13740408835941', 'align':{'node':'.kunp13740408835941', 'offset':[0,0], 'points':['tl','tl'] }}" data-widget-type="Popup" style="display:none;padding:0px;margin:0px;">
  <a href="http://www.taobao.com/" style="padding:0px;margin:0px;" target="_blank">
   <div style="padding:0px;margin:0px"><img src="http://taobaokaidian.com/tool/ajax/fangdajing/img/1.jpg" width="299px" border="0px" style="padding:0px;margin:0px;"/></div>
   <div style="background-color:#CCCC33;padding:0px;margin:0px;height:40px;line-height:40px;font-weight:bold;width:299px;">
      <div style="background-color:#CC66FF;float:left;line-height:40px;color:#333333;text-decoration: none;font-size:20px;">&nbsp;爆款&nbsp;</div>
      <div style="margin-right:5px;">
        <span style="float:right;">
       <font style="font-size:12px;color:#FFCCFF;">￥</font>
   <font style="font-size:20px;font-weight:bold;color:#FFFF00;">308</font>

   <font style="font-size:10px;color:#FFFF00;">.00</font>
    </span>
<span style="font-size:14px;color:#eeeeee">&nbsp;<s>￥350</s></span>
      </div>
    </div>
  </a>
</div>
    </td>
    <td>
<div style="padding:0px;margin:0px;width:230px;background-color:#CCCC33;"  class="kunp13740408835942">
  <a href="http://www.taobao.com/" style="padding:0px;margin:0px;" target="_blank">
   <div style="padding:0px;margin:0px"><img src="http://taobaokaidian.com/tool/ajax/fangdajing/img/2.jpg" width="230px" border="0px" style="padding:0px;margin:0px;"/></div>
   <div style="background-color:#CCCC33;padding:0px;margin:0px;height:40px;line-height:40px;font-weight:bold;width:230px;">
      <div style="background-color:#CC66FF;float:left;line-height:40px;color:#333333;text-decoration: none;font-size:20px;">&nbsp;爆款&nbsp;</div>
      <div style="margin-right:5px;">
        <span style="float:right;">
       <font style="font-size:12px;color:#FFCCFF;">￥</font>
   <font style="font-size:20px;font-weight:bold;color:#FFFF00;">308</font>
   <font style="font-size:10px;color:#FFFF00;">.00</font>
    </span>
<span style="font-size:14px;color:#eeeeee">&nbsp;<s>￥350</s></span>
      </div>
    </div>
  </a>
</div>

<div class="J_TWidget" data-widget-config="{ 'trigger':'.kunp13740408835942', 'align':{'node':'.kunp13740408835942', 'offset':[0,0], 'points':['tc','tc'] }}" data-widget-type="Popup" style="display:none;padding:0px;margin:0px;">
  <a href="http://www.taobao.com/" style="padding:0px;margin:0px;" target="_blank">
   <div style="padding:0px;margin:0px"><img src="http://taobaokaidian.com/tool/ajax/fangdajing/img/2.jpg" width="299px" border="0px" style="padding:0px;margin:0px;"/></div>
   <div style="background-color:#CCCC33;padding:0px;margin:0px;height:40px;line-height:40px;font-weight:bold;width:299px;">