扶植版旺铺轮播代码怎么做

时间:2010-12-08 23:19 来源:淘宝论坛 作者:leadeat 浏览: 714

新手开店,谁都想把自己的店装修的很漂亮,同时还要少花钱,当然是不花钱最好了!!!我也是这么想的,所以我总去看别人的店铺,看他们是怎么装修的,每每看到标准版的轮播图片我总是盯着看好半天,心里想这是怎么做的?

我的店铺装修里没有轮播这个功能,原来扶植版不支持!!我很伤心!!心里就是忘不了它,幻想着有一天我的扶植版也能加上.......于是我开始用学过的软件来试验,经过我的努力终于让我实现了!!!现在我就和大家来分享一下全过程!!!!

——————————华丽的分割线——————————

<div class="bd">
   <div style="WIDTH: 347px; HEIGHT: 267px" class="slider-promo J_Slider tb-slide">
    <ul style="HEIGHT: 267px">
     <li><a href="超级链接地址" target="_blank">
     <img border="0" src="图片地址" width="347" height="267"></a>
     </li>
     <li>
     <a href="超级链接地址" target="_blank">
     <img border="0" src="图片地址" width="347" height="267"></a>
     </li>
     <li>
     <a href="超级链接地址" target="_blank">
     <img border="0" src="图片地址" width="347" height="267"></a>
</li>
    </ul>
    <ul>
     <li>1 </li>
     <li>2 </li>
     <li>3</li>
    </ul>
   </div>
  </div>

——————————华丽的分割线——————————

WIDTH:指图片的长  HEIGHT:图片的高

a href="超级链接地址" target="_blank在心的窗口打开

 img border="0" 图片的边框有无/"1"现实边框 "2"隐藏边框 src="图片地址" 换成自己的就OK了

 <li>1 </li><li>2 </li><li>3 </li>代表图片的数量,如果想添加4个就在写一个<li>4 </li>和

<li><a href="超级链接地址" target="_blank"> <img border="0" src="图片地址" width="347" height="267"></a></li>就可以了

 ——————————华丽的分割线——————————

用这种js图片轮播可以节省自定义模块,还提供了页面的访问速度

宽度和高度都是随意修改的想加几个就加几个,只要不超过20K都可以

喜欢可以试一试哦~绝对是经典必备!!!

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...