marquee背景滚动+宝贝推荐固定

网速比较慢的请耐心等待一下图片打开，或者直接复制代码到自己店铺尝试一下。
这个放在首页就是全屏效果的。
用到的方法是marquee
好了，废话不多说了，直接上代码。
有人问我为什么放到自己店铺不行，那是因为你图片没有传到图片空间。 天猫店用的话需要CLASS。
footer-more-trigger（集市店）或sn-simple-logo（天猫店）

1. <div style="height:500px;width:1920px;">
   
2.   <div class="footer-more-trigger" style="width:1920px;height:500px;background-color:#00FF99;border:0px;padding:0px;top:auto;left:-485px;">
   
3.     <div class="footer-more-trigger" style="width:80px;height:50px;background-color:#000000;border:0px;padding:0px;top:0px;left:0px;z-index:1;">
   
4.       <p>
   
5.       <marquee behavior="alternate" direction="up" height="500" scrollamount="4" scrolldelay="10" width="1920">
   
6.       <div style="background:url(http://img01.taobaocdn.com/imgextra/i1/508099320/T2s.1AXwRXXXXXXXXX-508099320.jpg) scroll center top;width:9999999px;height:999999px;"> </div>
   
7.       </marquee>
   
8.       </p>
   
9.     </div>
   
10.     <div class="footer-more-trigger" style="width:950px;height:500px;border:0px;padding:0px;top:0px;left:485px;z-index:2;">
    
11.       <table border="0" cellpadding="0" cellspacing="0" class="" height="500" width="950">
    
12.         <tbody>
    
13.           <tr>
    
14.             <td height="410" width="230"><img alt="" height="410" style="background-color:#FF6600;" width="230" /></td>
    
15.             <td width="10"></td>
    
16.             <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
    
17.             <td width="10"></td>
    
18.             <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
    
19.             <td width="10"></td>
    
20.             <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
    
21.           </tr>
    
22.           <tr>
    
23.             <td bgcolor="#CCCCCC" height="60" style="text-align:center;" width="230"><strong><span style="color:rgb(0,0,0);"> 输入标题输入标题输入标题输入标题输入标题输入标题</span></strong></td>
    
24.             <td width="10"></td>
    
25.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);"><strong> 输入标题输入标题输入标题输入标题输入标题输入标题 </strong></span></td>
    
26.             <td width="10"></td>
    
27.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><strong><span style="color:rgb(0,0,0);"> <span style="text-align:center;"> 输入标题输入标题输入标题输入标题输入标题输入标题</span></span></strong></td>
    
28.             <td width="10"></td>
    
29.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><strong><span style="color:rgb(0,0,0);"> <span style="text-align:center;"> 输入标题输入标题输入标题输入标题输入标题输入标题</span></span></strong></td>
    
30.           </tr>
    
31.           <tr>
    
32.             <td bgcolor="#CCCCCC" height="30" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);"><span style="font-family:impact;"> ￥：1198.00</span></span></td>
    
33.             <td width="10"></td>
    
34.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);font-family:impact;text-align:center;">￥：1198.00</span></td>
    
35.             <td width="10"></td>
    
36.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);font-family:impact;text-align:center;">￥：1198.00</span></td>
    
37.             <td width="10"></td>
    
38.             <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);font-family:impact;text-align:center;">￥：1198.00</span></td>
    
39.           </tr>
    
40.         </tbody>
    
41.       </table>
    
42.     </div>
    
43.   </div>
    
44. </div>
    

复制代码