美文网首页
淘宝店铺装修代码笔记

淘宝店铺装修代码笔记

作者: jia林 | 来源:发表于2017-10-31 15:31 被阅读0次

跳转方式

1、查看控制台,自带ID属性,可以进行跳转,使用<a nane='id名'>;
2、自定义名称,使用a标签进行跳转;

关于切片

1、拉好参考线之后,有个基于参考线切片,一次性到位;
2、保存为HTML格式;
3、图片搬家工具七牛云存储www.qiniu.com新建空间-内容管理,选择360兼容模式ie内核,百宝箱,图片搬家,按html源码搬家,复制代码,下一步 文件夹
4、按ctrl键就不会吸附
5、imageready
6、选择无图片,有table属性,窗口-切片-类型(无图像)加空格,加个background

搜索模块代码

店铺id-搜索shopid

<form method="post" name="SearchForm" action="http://shop114199070.taobao.com/search.htm" target="_blank">//首页地址
  <input type="hidden" name="userId">
  <input value="128123494" type="hidden" name="shopId">//店铺id
  <input type="hidden" name="view_type">
  <input type="hidden" name="order_type">
  <input value="y" type="hidden" name="search">
  <input size="14" name="keyword" style="width:157px; height:28px; float:left; background:url(搜索背景图.png); border:0;">//关键字
  <button class="button" type="submit" style="width:50px; height:28px; background:url(搜索背景图.png) right center; border:0; color:#fff; float:left;">搜索</button>
</form>

视频模块代码

1、ugc.taobao.com

淘宝视频地址  ugc.taobao.com
  <embed src="http://cloud.video.taobao.com/play/u/2272660937/p/1/e/1/t/1/20940701.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="640" height="480" wmode="transparent"></embed>

轮播图

-外面的盒子给宽度,目的是overflow:hidden

轮播详解

  • easing 滚动方式,是匀速还是?
  • hasTrigger 是否设置触发点(有1和2,false控制柄不管用)
  • steps 设置2 就是滚动2次(2个列表项的距离)
  • activeIndex 默认列表项
  • activeClass 选中的样式
  • activeTiggreClass 轮播到那个就加个class值,默认ks-active

35SNS组件平台

装修手册

搜索

<div style="float:left;background:url(https://gdp.alicdn.com/imgextra/i3/3191180767/TB2MODfb3jN8KJjSZFgXXbjbVXa_!!3191180767.jpg) no-repeat 0 0;width:1920px;height:472px;" class="left1920">
    <form action="//kohlerfengpo.tmall.com/?spm=0.0.0.0.4NlW54&amp;scene=taobao_shop" class="focus" name="SearchForm" style="border:0;background:none;padding:0;float:left;width:345px;height:25px;overflow:hidden;margin:286px 530px 0px 424px;" method="post">
         <input class="text" name="keyword" value="净水器" style="margin-left:12px;float:left;width:176px;height:25px;display:block;overflow:hidden;background:none;border:0;line-height:25px;color:#DED0AB;outline:none;font-size:16px;" /> <input class="btn" value=" " style="float:left;width:40px;height:25px;cursor:pointer;display:block;overflow:hidden;background:none;border:0;outline:none;" type="submit" /> <input name="shopId" value="57300482" type="hidden" /> <input name="search" value="y" type="hidden" />&nbsp;
    </form>
</div>

相关文章

网友评论

      本文标题:淘宝店铺装修代码笔记

      本文链接:https://www.haomeiwen.com/subject/vjpmpxtx.html