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

2016-04-21 0 214

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;

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有BAFU值奖励和额外收入!
本站部分文章、资源来自互联网,版权归原作者及网站所有,如果侵犯了您的权利,请及时联系我站删除。免责声明

霸服网 ecshop教程 ecshop教程:商品比较页面样式修改 https://www.bafu.net/16650.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务