|
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
网速比较慢的请耐心等待一下图片打开,或者直接复制代码到自己店铺尝试一下。
这个放在首页就是全屏效果的。
用到的方法是marquee
好了,废话不多说了,直接上代码。
有人问我为什么放到自己店铺不行,那是因为你图片没有传到图片空间。 天猫店用的话需要CLASS。
footer-more-trigger(集市店)或sn-simple-logo(天猫店)
- <div style="height:500px;width:1920px;">
- <div class="footer-more-trigger" style="width:1920px;height:500px;background-color:#00FF99;border:0px;padding:0px;top:auto;left:-485px;">
- <div class="footer-more-trigger" style="width:80px;height:50px;background-color:#000000;border:0px;padding:0px;top:0px;left:0px;z-index:1;">
- <p>
- <marquee behavior="alternate" direction="up" height="500" scrollamount="4" scrolldelay="10" width="1920">
- <div style="background:url(http://img01.taobaocdn.com/imgextra/i1/508099320/T2s.1AXwRXXXXXXXXX-508099320.jpg) scroll center top;width:9999999px;height:999999px;"> </div>
- </marquee>
- </p>
- </div>
- <div class="footer-more-trigger" style="width:950px;height:500px;border:0px;padding:0px;top:0px;left:485px;z-index:2;">
- <table border="0" cellpadding="0" cellspacing="0" class="" height="500" width="950">
- <tbody>
- <tr>
- <td height="410" width="230"><img alt="" height="410" style="background-color:#FF6600;" width="230" /></td>
- <td width="10"></td>
- <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
- <td width="10"></td>
- <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
- <td width="10"></td>
- <td width="230"><img alt=" " height="410" style="background-color:#FF6600;" width="230" /></td>
- </tr>
- <tr>
- <td bgcolor="#CCCCCC" height="60" style="text-align:center;" width="230"><strong><span style="color:rgb(0,0,0);"> 输入标题输入标题输入标题输入标题输入标题输入标题</span></strong></td>
- <td width="10"></td>
- <td bgcolor="#CCCCCC" style="text-align:center;" width="230"><span style="color:rgb(0,0,0);"><strong> 输入标题输入标题输入标题输入标题输入标题输入标题 </strong></span></td>
- <td width="10"></td>
- <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>
- <td width="10"></td>
- <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>
- </tr>
- <tr>
- <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>
- <td width="10"></td>
- <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>
- <td width="10"></td>
- <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>
- <td width="10"></td>
- <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>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
复制代码
|
|