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

muban大师

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;