求js特效代码

本帖最后由 bastever 于 2010-11-19 11:54:18 编辑

解决方案 »

  1.   

    你把点击图片改成，弹出一个层显示大图就ok...<html>
    <head>
    <title>图片滚动</title>
    <style type="text/css">
    table {
    font-size: 9pt;
    }
    img{
        width:100px;
    height:100px;
    }
    </style>
    </head>
    <body>
    <div id="marquee_demo" style="overflow:hidden;width:550px; height:140px;text-align:center;border:1px solid #0066cc">
    <table cellspacing="0" cellpadding="3" align="center" border="0">
    <tr>
    <td id="marquee_product1" valign="top">
    <table width="100%" height="100" border="0" cellpadding="2" cellspacing="0">
    <tr>
    <td><a href="#"><img src="http://img04.taobaocdn.com/bao/uploaded/i8/T1vlNGXhRHXXbGaJM9_072808.jpg_160x160.jpg" border=0></a></td>
    <td><a href="#"><img src="http://img03.taobaocdn.com/bao/uploaded/i3/T1usRDXfhCXXb2dkg6_062419.jpg_160x160.jpg" border=0></a></td>
    <td><a href="#"><img src="http://img02.taobaocdn.com/bao/uploaded/i2/T1XYFHXnNoXXbs_hA._112456.jpg_160x160.jpg" border=0></a></td>
    <td><a href="#"><img src="http://img04.taobaocdn.com/bao/uploaded/i4/T1blVBXcRgXXcPUzI8_100926.jpg_160x160.jpg" border=0></a></td>
    <td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border=0></a></td>
    <td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border=0></a></td>
    <td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s7.jpg" border=0></a></td>
    <td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s8.jpg" border=0></a></td>
    <td><a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s9.jpg" border=0></a></td>
    </tr>
    <tr>
    <td><a href="#">三国杀2010官方新一代锦囊带/品质保证 </a></td>
    <td><a href="#">促销 安徽最早认证店→三国杀绝版[带暗魂卡的推广版] </a></td>
    <td><a href="#">正版三国杀 扩充第3弹 神话在临-林扩展包 林包 林扩充包 </a></td>
    <td><a href="#">正版 悠嘻猴"爱老虎油"&“爱么么油”大毛绒公仔动漫卡通情侣礼物 </a></td>
    <td><a href="#">iopoouyiyuiyu体育沿途天宇天宇</a></td>
    <td><a href="#">叫姐姐斤斤计较斤斤计较斤斤计较斤斤计较斤斤计较</a></td>
    <td><a href="#">，民警们研究院他今天研究院体会它然后又</a></td>
    <td><a href="#">发热特约天一热太热温热温热发热分</a></td>
    <td><a href="#">其轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻轻</a></td>
    </tr>
    </table>
    </td>
    <td id="marquee_product2" valign="top"></td>
    </tr>
    </table>
    </div>
    <script type="text/javascript">
    var speed=30;
    document.getElementById("marquee_product2").innerHTML=document.getElementById("marquee_product1").innerHTML;
    function Marquee(){
       document.getElementById("marquee_demo").scrollLeft = (document.getElementById("marquee_demo").scrollLeft - 0) + 1;
    }
    var MyMar=setInterval("Marquee()",speed);
    document.getElementById("marquee_demo").onmouseover=function(){clearInterval(MyMar);}
    document.getElementById("marquee_demo").onmouseout=function(){MyMar=setInterval("Marquee()",speed);}
    </script>
    </body>
    </html>
      

  2.   

    顶一下！lz要的就是那个qq空间里看相册的效果吧！
      

  3.   

    看看这个，就是你的要求效果
    http://smoothgallery.jondesign.net/showcase/gallery/