ecshop教程:商品比较页面样式修改
this.compareBox = document.createElement("DIV");
this.compareBox.style.top = "200px";
var li = document.createElement("LI");
首先可以找到关于定义样式的代码:
this.compareBox.style.display = "none";
span.style.width = "100px";
第一处:
var delBtn = document.createElement("IMG");
this.compareBox.align = "center";
span.style.display = "block";
delBtn.src = "themes/default/images/drop.gif";
第二处:
关于修改比较页面样式的方法:
ecshop有一个商品的比较功能,在你点击商品旁边的比较链接就可以把商品加入到比较的框架中,很多时候,我们都需要对比较页面的样式进行修改,一是我们的页面更美观。
this.compareList.id = "compareList";
span.innerHTML = this.data[key].n;
var span = document.createElement("SPAN");
this.compareList = document.createElement("UL");
delBtn.className = key;
this.compareBox.id = "compareBox";
span.style.overflow = "hidden";
var submitBtn = document.createElement("INPUT");
li.appendChild(span);
span.style.height = "20px";
比较页面的样式没有在在css中,而是在compare.js这个更目录下的js文件夹下的js文件中。
li.style.listStyle = "none";
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jz/ecshop/3512.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
ecshop中设置顺丰快递支持
时间:2020-12-28
-
ecshop图文安装过程详解
时间:2020-12-28
-
ecshop邮件服务器设置方法
时间:2020-12-23
热门文章
-
ecshop中设置顺丰快递支持货到付款的方法
时间:2020-12-28
-
ecshop邮件服务器设置方法
时间:2020-12-23
-
ecshop图文安装过程详解
时间:2020-12-28
