注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

代码转轴(画轴)效果  

2013-09-02 23:02:04|  分类: 【 Flash 】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
       
 
 
         
   
         
 
 

代码
<table border="0" cellspacing="30" cellpadding="0" bgcolor="#F8F8f8" style="position: relative; left: 0; top: 0; width: 1000px; height: 520px" bordercolor="#F0f0f0">
 <tr>
  <td><center>
  <table border="0" cellspacing="0" cellpadding="0" bgcolor="#F8F8f8" style="position: relative; left: 0; top: 0; width: 900px; height: 460px" bordercolor="#F0f0f0">
   <tr>
    <td style="z-index:100; position: relative; left: 0; top: 0; width: 100px; height: 460px">
    <table style="FILTER: progid:DXImageTransform.Microsoft.blur(pixelradius=5.5, makeshadow='1', ShadowOpacity=0.4); LEFT: -2px; WIDTH: 100px; POSITION: absolute; TOP: 2px; HEIGHT: 460px" cellspacing="0" cellpadding="0" bgcolor="#f0f0f0" border="1">
     <tr>
      <td></td>
     </tr>
    </table>
    <marquee id="mar1" direction="right" scrollamount="5" scrolldelay="1" style="position: absolute; left: 0px; top: 0px; width: 100px; height: 460px">
    <div style="position: relative; left: 0; top: 0; width: 1700px; height: 460px">
     <table border="0" cellspacing="0" cellpadding="0" style="position: absolute; left: -600px; top: 0px; width: 2400px; height: 460px">
      <tr>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613594059962.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/2010126140226405.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613595042153.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613594059962.jpg">
        </td>
      </tr>
     </table>
    </div></marquee>
    <table style="position: absolute; left: 0px; top: 0px; width:50px; height:460px" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td style="FILTER: alpha(opacity=80,finishOpacity=0,style=1)" bgcolor="#444444">
       </td>
     </tr>
    </table>
    <table style="position: absolute; left: 50px; top:0px; width:50px; height:460px" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td style="FILTER: alpha(opacity=0,finishOpacity=85,style=1)" bgcolor="#444444">
       </td>
     </tr>
    </table>
    </td>
<!--+++++++++++++++++++++++++++++++++++++++++++++++++++-->
    <td style="z-index: 0; position: relative; left:0px; top: 0px; width: 600px; height: 460px">
    <marquee id="mar3" direction="left" scrollamount="5" scrolldelay="1" style="CURSOR: hand; position: absolute; left: 0px; top: 0px; width: 600px; height: 460px">
    <div style="position: relative; left: 0px; top: 0px; width: 1200px; height: 425px">
     <table border="0" cellspacing="0" cellpadding="0" style="position: absolute; left: -800px; top: 0px; width: 3000px; height: 460px">
      <tr>
       <td style="width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613594059962.jpg">
        </td>
       <td style="width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613595042153.jpg">
        </td>
       <td style="width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/2010126140226405.jpg">
        </td>
       <td style="width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613594059962.jpg">
        </td>
       <td style="width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613595042153.jpg">
        </td>
      </tr>
     </table>
    </div></marquee>
    <table onmouseover="mar1.stop(), mar2.stop(), mar3.stop()" onmouseout="mar1.start(), mar2.start(), mar3.start()" style="position: absolute; left: 0px; top: 0px; width:600px; height:460px" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td style="FILTER: alpha(opacity=20,finishOpacity=0,style=1); width:80px" bgcolor="#444444">
       </td>
      <td  style="width:520px">
       </td>      
     </tr>
    </table>
    </td>
<!--+++++++++++++++++++++++++++++++++++++++++++++++++++-->
    <td style="z-index: 100; position: relative; left: 0px; top: 0px; width: 200px; height: 460px">
    <table style="FILTER: progid:DXImageTransform.Microsoft.blur(pixelradius=8.5, makeshadow='1', ShadowOpacity=0.4); LEFT: -2px; WIDTH: 200px; POSITION: absolute; TOP: 2px; HEIGHT: 460px" cellspacing="0" cellpadding="0" bgcolor="#f0f0f0" border="1">
     <tr>
      <td></td>
     </tr>
    </table>
    <marquee id="mar2" direction="right" scrollamount="5" scrolldelay="1" style="position: absolute; left: 0px; top: 0px; width: 200px; height: 460px">
    <div style="position: relative; left: 0px; top: 0px; width: 1600px; height: 460px">
     <table border="0" cellspacing="0" cellpadding="0" style="position: absolute; left: -800px; top: 0px; width: 3000px; height: 460px">
      <tr>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/2010126140226405.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613595042153.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613594059962.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/2010126140226405.jpg">
        </td>
       <td style="filter:FlipH(); width:600px" background="http://2010.hnzqw.com/UploadFile/2010-12/201012613595042153.jpg">
        </td>
      </tr>
     </table>
    </div></marquee>
    <table style="position: absolute; left: 0px; top: 0px; width:100px; height:460px" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td style="FILTER: alpha(opacity=80,finishOpacity=0,style=1)" bgcolor="#444444">
       </td>
     </tr>
    </table>
    <table style="position: absolute; left:100px; top:0px; width:100px; height:460px" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <td style="FILTER: alpha(opacity=0,finishOpacity=85,style=1)" bgcolor="#444444">
       </td>
     </tr>
    </table>
    </td>
   </tr>
  </table>
  </center></td>
 </tr>
</table>
</center>
</body>
</html>

  评论这张
 
阅读(53)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017