模板户:专注于dede模板,织梦源码,织梦模板,网站模板,dedecms模板,网站源码,dedecms教程以及各类手机网站模板和企业网站模板分享.

织梦模板

VIP
ecshop教程:商品比较页面样式修改

ecshop教程:商品比较页面样式修改

  • 语言编码:UTF-8
  • 模板颜色:绿色、白色
  • 适用站点:地方门户、新闻资讯
  • 下载用户:免费下载
  • 下载一提取码:psp7
  • 详细描述

    ecshop有一个商品的比较功能,在你点击商品旁边的比较链接就可以把商品加入到比较的框架中,很多时候,我们都需要对比较页面的样式进行修改,一是我们的页面更美观。
     
    关于修改比较页面样式的方法:
     
    比较页面的样式没有在在css中,而是在compare.js这个更目录下的js文件夹下的js文件中。
     
    首先可以找到关于定义样式的代码:
    第一处:
    this.compareBox = document.createElement("DIV");
    var submitBtn = document.createElement("INPUT");
    this.compareList = document.createElement("UL");
    this.compareBox.id = "compareBox";
    this.compareBox.style.display = "none";
    this.compareBox.style.top = "200px";
    this.compareBox.align = "center";
    this.compareList.id = "compareList";
     
    第二处:
    var li = document.createElement("LI");
     var span = document.createElement("SPAN");
    span.style.overflow = "hidden";
    span.style.width = "100px";
    span.style.height = "20px";
    span.style.display = "block";
    span.innerHTML = this.data[key].n;
    li.appendChild(span);
    li.style.listStyle = "none";
    var delBtn = document.createElement("IMG");
    delBtn.src = "themes/default/images/drop.gif";
    delBtn.className = key;
    首页 免费源码 VIP专区 会员中心
    收缩