- 资源介绍
- 更新记录
- 安装教程
ecshop教程:商品比较页面样式修改
- 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;
猜你在找
- 2021-02-04Hi,初次和大家见面了,请多关照!
最后编辑:2021-02-04



