帝国cms产品对比插件使用说明：使用结合项实现产品对比
这里可以修改结合项的条件
url += "&"+"duibinum"+"["+sw+"]"+"="+proid;对比列表<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
这里可以修改结合项的条件
url += "&"+"duibinum"+"["+sw+"]"+"="+proid;
对比列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>漂亮实用的商品对比效果JS代码</title>
<link rel="stylesheet" href="[!--news.url--]assets/css/duibi.css" type="text/css" />
</head>
<body>
<div class="b5" id="bdbb">
<div class="m2">
<div class="m2lf"><a href="http://www.17sucai.com/"><img src="images/01.jpg" alt=" 深层净化活力洁面摩丝"/></a></div>
<div class="m2rg">
<h3><a href="http://www.17sucai.com/">Neutrogena露得清</a> | <a href="http://www.17sucai.com/">深层净化活力洁面摩丝</a> ￥89.00</h3>
<dl>
<dt>分类：<a href="http://www.17sucai.com/">洁面</a> 评论：<a href="http://www.17sucai.com"><span class="color3">6453</span></a> 条 <span class="color3">15</span>人用过</dt>
<dd>
<input type="checkbox" id="a27285" value="深层净化活力洁面摩丝" onclick="dblist(27285,event)" />
<label for="a27285">加入对比</label>
</dd>
</dl>
<p>全新推出的露得清深层净化活力洁面摩丝，含有丰富而柔密的泡沫，直接深入毛孔清洁污垢，让肌肤更透亮；独特活力成分帮助唤醒你的肌肤，给你清新......<a href="http://www.17sucai.com/">>>查看详细</a></p>
</div>
</div>
<div class="m2">
<div class="m2lf"><a href="http://www.17sucai.com"><img src="images/02.jpg" alt=" 深层卸妆油"/></a></div>
<div class="m2rg">
<h3><a href="http://www.17sucai.com">DHC蝶翠诗</a> | <a href="http://www.17sucai.com">深层卸妆油</a> ￥198.00</h3>
<dl>
<dt> 分类：<a href="http://www.17sucai.com">卸妆</a> 评论：<a href="http://www.17sucai.com"><span class="color3">4367</span></a> 条 <span class="color3">1487</span>人用过</dt>
<dd>
<input type="checkbox" id="a5754" value="深层卸妆油" onclick="dblist(5754,event)" />
</dd>
</dl>
<p>以优质橄榄精华油为主要成分的DHC深层卸妆油虽是油类，但又具有水溶性，可用清水完全洗净，是一种划时代的卸妆品。可迅速溶解难以卸除的彩妆，......<a href="http://www.17sucai.com">>>查看详细</a></p>
</div>
</div>
<div class="m2">
<div class="m2lf"><a href="http://www.17sucai.com"><img src="images/03.jpg" alt=" 纯榄滋养皂"/></a></div>
<div class="m2rg">
<h3><a href="http://www.17sucai.com">DHC蝶翠诗</a> | <a href="http://www.17sucai.com">纯榄滋养皂</a> ￥110.00</h3>
<dl>
<dt>分类：<a href='http://www.17sucai.com'>洁面</a> 评论：<a href="http://www.17sucai.com"><span class="color3">3729</span></a> 条 <span class="color3">1557</span>人用过</dt>
<dd>
<input type="checkbox" id="a5755" value="纯榄滋养皂" onclick="dblist(5755,event)" />
</dd>
</dl>
<p>皮肤粗糙、青春痘、暗沉等多半是因面部没有彻底洗净而造成的。DHC纯榄滋养皂是一款内含橄榄精华油和蜂蜜的透明洁面皂。具备能够彻底清除肌肤污......<a href="http://www.17sucai.com">>>查看详细</a></p>
</div>
</div>
<div class="m2">
<div class="m2lf"><a href="http://www.17sucai.com"><img src="images/01.jpg" alt=" 纯榄滋养皂"/></a></div>
<div class="m2rg">
<h3><a href="http://www.17sucai.com">DHC蝶翠诗1</a> | <a href="http://www.17sucai.com">纯榄滋养皂1</a> ￥110.00</h3>
<dl>
<dt>分类：<a href='http://www.17sucai.com'>洁面</a> 评论：<a href="http://www.17sucai.com"><span class="color3">3729</span></a> 条 <span class="color3">1557</span>人用过</dt>
<dd>
<input type="checkbox" id="a5757" value="纯榄滋养皂1" onclick="dblist(5757,event)" />
</dd>
</dl>
<p>皮肤粗糙、青春痘、暗沉等多半是因面部没有彻底洗净而造成的。DHC纯榄滋养皂是一款内含橄榄精华油和蜂蜜的透明洁面皂。具备能够彻底清除肌肤污......<a href="http://www.17sucai.com">>>查看详细</a></p>
</div>
</div>
</div>
<div id="xsyc"></div>
<div id="bbv">
<div id="dbimg" onclick="dbhidd()"></div>
<div id="dbnr">
<h4><span>妆品对比</span><span class="span2" onclick="dbhidd()"><img src="images/closex.gif" align="absmiddle" /> 隐藏对比框</span></h4>
<div id="tishi">对不起，您还没有选择产品</div>
<ul>
</ul>
<div class="pkbut"> <span><a href="#" onclick="return comparepro();">开始对比</a></span> <span onclick="clears()">清 空</span> </div>
</div>
</div>
<script src="[!--news.url--]assets/js/dom.js" type="text/javascript"></script>
<script src="[!--news.url--]assets/js/compare.js" type="text/javascript"></script>
</body>
</html>
对比结果 列表模板
JS
var dbnr=$("dbnr");
var bbv=$("bbv");
var xsyc=$("xsyc");
var xul=$("dbnr","ul")[0];
var dbimg=$("dbimg");
//初始化页面选框
function renew()
{
var cooks=GetCookie("listhc").split("/");
var bdbb=$("bdbb","input");
for(var c=1;c<cooks.length;c++){var wf=cooks[c].split("_");for(var i=0;i<bdbb.length;i++){if(bdbb[i].id=="a"+wf[0]){bdbb[i].checked=true;break;}}}
}
//初始化漂浮层
function newpos()
{
var ouli="",alls=0;
var cooks=GetCookie("listhc").split("/");
for(var i=1;i<cooks.length;i++){
alls++;var wf=cooks[i].split("_");
ouli+="<li>"+wf[1].replace("&%#","/")+"</li>";
}
xul.innerHTML=ouli;
dbimg.innerHTML=alls;
$("tishi").style.display=(ouli=="")?"block":"none";
xul.style.display=(ouli=="")?"none":"block";
//if(!alls){dbnr.style.display="none";}
}
//点击处理，增加使用其他按钮加入对比的功能，增加替换/分割符
function dblist(id,event,linkproname)
{
if(typeof(linkproname) != "undefined" && linkproname.length > 0)
{
var nrid=$("link"+id);
var cook=GetCookie("listhc");
var cooks=cook.split("/");
//判断是否重复添加
if(cook.indexOf("/"+id) > -1)
{
alert(linkproname+"已经加入对比");
return;
}
if(cooks.length>5){alert("最多只允许添加5条");return;}else{SetCookie("listhc",cook+"/"+id+"_"+linkproname.replace("/","&%#"));zbyd(window.event||event);}
}
else
{
var cook=GetCookie("listhc");
var cooks=cook.split("/");
//修改：支持页面上有多个相同产品
var ischecked = false;
var nrid=document.getElementsByTagName("input");
for(var i = 0;i<nrid.length;i++)
{
if(nrid[i].id == "a"+id && nrid[i].checked)
{
//增加判断重复-liuliqiang
if(cook.indexOf("/"+id) > -1)
{
alert(nrid[i].value+"已经加入对比");
return;
}
else if(cooks.length>5)
{
nrid[i].checked=false;alert("最多只允许添加5条");return;
}
else
{
SetCookie("listhc",cook+"/"+id+"_"+nrid[i].value.replace("/","&%#"));ischecked=true;zbyd(window.event||event);
}
}
}
if(!ischecked)
delCookie(id);
}
newpos();
dbnr.style.display="block";
}
//漂浮窗口删除
function delli(id){
delCookie(id);
var nrid=document.getElementsByTagName("input");
for(var i = 0;i<nrid.length;i++)
{
if(nrid[i].id == "a"+id)
{
nrid[i].checked = false;
}
}
newpos();
}
//设置COOKIE // 增加设置path，使各目录能取到相同的COOKIE
function SetCookie(name,value){var exp=new Date();exp.setTime(exp.getTime()+24*3600000);document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString()+";path=/";}
//获得COOKIE
function GetCookie(name){var arr=document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));if(arr!=null){return unescape(arr[2]);}else{return "";}}
//删除COOKIE
function delCookie(id)
{
var cooks=GetCookie("listhc").split("/"),dstr="";
for(var i=1;i<cooks.length;i++){if(cooks[i].split("_")[0]!=id){dstr+="/"+cooks[i];}}
SetCookie("listhc",dstr);
}
function clears()
{
SetCookie("listhc","")
newpos();
var kk=$("bdbb","input").length;
for(var k2=0;k2<kk;k2++){
$("bdbb","input")[k2].checked=false
}
}
//增加点击开始对比的处理
function comparepro()
{
var cook=GetCookie("listhc");
var cooks=cook.split("/");
var url = "";
for(var i = 0;i<cooks.length ;i++)
{
var proid = cooks[i].substr(0,cooks[i].indexOf("_"));
var sw = [i];
if(proid.length > 0 )
url += "&"+"duibinum"+"["+sw+"]"+"="+proid;
}
if(url.length > 7)
{
window.open("/app/action/duibi.php?mid=10&tempid=16&ph=1&line=10"+url);
}
else
{
alert("请先选择要对比的产品");
}
return false;
}
//提示位置方法
function zbyd(event)
{
var sw=50,sh=50,vw=15,vh=15,tjs=35;
var sl=bbv.l();
var vl=(event.pageX||(event.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft)))-7;
var st=(document.documentElement.scrollTop||document.body.scrollTop)+300;
var vt=(event.pageY||(event.clientY+(document.documentElement.scrollTop||document.body.scrollTop)))-7;
var spl=Math.floor(Math.abs((sl-vl)/tjs)),spt=Math.abs((st-vt)/tjs);
xsyc.style.display="block";xsyc.l(vl);xsyc.t(vt);xsyc.w(vw);xsyc.h(vh);
var maxTime=setInterval(function()
{
xsyc.l((vl+spl)<sl?vl+=spl:((vl-spl)>sl?vl-=spl:vl=sl));xsyc.t((vt+spt)<st?vt+=spt:((vt-spt)>st?vt-=spt:vt=st));
xsyc.w(vw+2<sw?vw++:vw=sw);xsyc.h(vh+2<sh?vh++:vh=sh);
tjs--;if(!tjs){xsyc.style.display="none";clearInterval(maxTime);}
},10);
}
//显示/隐藏列表
function dbhidd(){dbnr.style.display=(dbnr.style.display=="block")?"none":"block";}
newpos();
renew();
仅供参考，不明白的可以咨询我。
免责/版权声明：
1、所有来源标注为 ECMSPLUS /zwcms.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可，如涉及大面积转载，请来信告知，获取授权。
2、本站所提供的文章资讯、软件资源、素材源码等内容均为作者提供、网友推荐、互联网整理而来（部分报媒/平媒内容转载自网络合作媒体），仅供学习参考，如有侵犯您的版权，请联系我们，本站将在三个工作日内改正。
3、若您的网站或机构从本站获取的一切资源进行商业使用，除来源为本站的资料需与本站协商外，其他资源请自行联系版权所有人。
4、 ECMSPLUS /zwcms.com不保证资源的准确性、安全性和完整性，请您在阅读、下载及使用过程中自行确认，本站亦不承担上述资源对您或您的网站造成的任何形式的损失或伤害
5、未经 ECMSPLUS /zwcms.com允许，不得盗链、盗用本站资源；不得复制或仿造本网站，不得在非 ECMSPLUS /zwcms.com所属的服务器上建立镜像， ECMSPLUS /zwcms.com对其自行开发的或和他人共同开发的所有内容、技术手段和服务拥有全部知识产权，任何人不得侵害或破坏，也不得擅自使用。
6、互联网的本质是自由与分享，我们真诚的希望，每一份有价值的正能量能够在互联网中自由传播，能够为每一个网站提供动力。
评论(3)
欢迎您光临1pma.cn，本站秉承服务宗旨 履行“站长”责任，销售只是起点 服务永无止境！
?
?普通用户