| 标题 | js产品比较代码 |
| 内容 | 通过js javascript对cookie进行操作记录，然后对产品进行对比。 本代码用到jquery。请确认有jquery 整体代码如下: 在线测试 <script language="javascript"> $(function(){ var show_div = $("<div id='forasp_list'></div>"); $("body").append(show_div); $("#forasp_list").css({position:"relative",width:"200px",height:"auto",border:"solid thin #000 1px;"}).offset({top:100,left:300}).hide(); $(window).scroll(function(){move();}); }); function add(pid,name){//内容用#分割，内容组用","分割 //alert(unescape(escape(name))); var max_num = 4; var c_str = get_ck(); var c_str_ = ""; var t_c_arr = new Array(); var t_c_arr_ = new Array(); var flag = true; show(); if(c_str.indexOf("#")==-1){ c_str_ = pid+"#"+escape(name); }else{ t_c_arr = c_str.split(","); var t_c_num = t_c_arr.length; for(var i=0;i<t_c_num;i++){ t_c_arr_ = t_c_arr[i].split("#"); if(pid==t_c_arr_[0]){alert("已经添加该产品!");show();flag=false;break;} c_str_ = c_str_+t_c_arr_[0]+"#"+t_c_arr_[1]+","; } if(!flag)return; if(t_c_num>=max_num){alert("最多比较四个产品");return;} c_str_ = c_str_+pid+"#"+escape(name); } set_ck(c_str_); show(); } function del(pid){ var c_str = get_ck(); var c_str_=""; if(pid==0){//如果是全部清空 c_str_ = ""; }else{ c_str = get_ck(); if(c_str!=""){ t_c_arr = c_str.split(","); for(var i=0;i<t_c_arr.length;i++){ var t_c_arr_ = t_c_arr[i].split("#"); if(pid!=t_c_arr_[0])c_str_ = c_str_+","+t_c_arr_[0]+"#"+t_c_arr_[1]; } if(c_str_!="")c_str_=c_str_.substr(1,c_str_.length-1); } } set_ck(c_str_); set_htmlin(); }//原载于:学习www.网for站asp制.cn作 function set_htmlin(){ var html_=""; c_str = get_ck(); $("#forasp_list").html(""); if(c_str!=""){ t_c_arr = c_str.split(","); t_c_num = t_c_arr.length; for(var i=0;i<t_c_num;i++){ t_c_arr_ = t_c_arr[i].split("#"); html_+=unescape(t_c_arr_[1])+"---<a href='#' onclick='del("+t_c_arr_[0]+")'>删除</a><br>"; } } html_+="<br><a href='#' onclick='compair()'>比较</a> <a href='#' onclick='del(0);'>清空</a> <a href='#' onclick='hid();'>隐藏</a>"; $("#forasp_list").html(html_); } function show(){ set_htmlin(); $("#forasp_list").show(); } function hid(){ $("#forasp_list").hide(); } function move(){//www.forasp.cn原创 var scrollPos; if(typeof window.pageYOffset!="undefined") { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != "undefined" && document.compatMode != "BackCompat") { scrollPos = document.documentElement.scrollTop; } else if (typeof document.body != "undefined") { scrollPos = document.body.scrollTop; } var obj =$("#forasp_list"); var op = obj.position().top; obj.offset({"top":100+scrollPos}); show(); } function get_ck(){ var temp = document.cookie; if(temp.indexOf("foraspcn_=")!=-1){ return temp.split("foraspcn_=")[1]; }else{ return "" ; } } function set_ck(temp){ var date=new Date(); if(temp!=""){ date.setDate(date.getDate()+1); document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString(); }else{ date.setDate(date.getDate()-1); document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString(); } }function compair(){ var c_str = get_ck(); var c_str_=""; if(c_str==""){alert("至少两个选项！");return;} t_c_arr = c_str.split(","); if(t_c_arr.length<=1){alert("至少两个选项！");return;} for(var i=0;i<t_c_arr.length;i++){ var t_c_arr_ = t_c_arr[i].split("#"); c_str_ = c_str_+","+t_c_arr_[0]; } window.open("?"+c_str_); } </script> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。