AB模板网(www.adminbuy.cn)专注企业网站模板制作,包括企业pbootcms网站模板,静态网页模板,网站源码下载,HTML网站模板等等。

网站模板

网站模板搜索
标签大全

注册

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

AB模板网 / 2016-04-21
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;
文章搜集与网络,如有侵权请联系本站,转载请说明出处:https://www.adminbuy.cn/ecshopjc/2261.html

有问题可以加入网站技术QQ群一起交流学习

☉首先声明,只要是我们的vip会员全站所有资源均可以免费下载,不做任何限制(了解更多)

☉本站的源码不会像其它下载站一样植入大量的广告。

☉本站提供的网站源码,都是做好测试好发布的,均可放心使用。

☉本站提供的网站源码,均带数据及演示地址。可以在任一源码详情页查看演示地址。

☉为了vip利益的最大化,我们还提供了vip赠品(了解更多

☉如有其他问题,请加网站客服QQ(9490489)进行交流。

首页 pbootcms模板 html模板 会员中心