<!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>
<title>仿淘宝网的最近浏览记录功能</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script language="javascript" src="jquery-1.4.2.js"> </script>
<script language="javascript">
$(function(){
$("a").click(function(){
//alert($(this).attr("href"));
glog();
});
});
//cookie相关函数
function getCookieVal(offset){
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1) endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function getCookie(name){
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function setCookie(name,value){
var exp = new Date();
exp.setTime (exp.getTime()+3600000000);
document.cookie = name + "=" + value + "; expires=" + exp.toGMTString();
}
function glog(evt){
evt=evt?evt:window.event;
var srcElem=(evt.target)?evt.target:evt.srcElement;
try{
while(srcElem.parentNode&&srcElem!=srcElem.parentNode){
if(srcElem.tagName&&srcElem.tagName.toUpperCase()=="A"){
linkname=srcElem.innerHTML;
address=srcElem.href+"|";
wlink=linkname+"+"+address;
old_info=getCookie("history_info");
var insert=true;
if(old_info==null){//判断cookie是否为空
insert=true;
}else{
var old_link=old_info.split("|");
for(var j=0;j<=5;j++){
if(old_link[j].indexOf(linkname)!=-1)
insert=false;
if(old_link[j]=="null")
break;
}
}
if(insert){
wlink+=getCookie("history_info");
setCookie("history_info",wlink);
history_show().reload();
break;
}else{
var old_link1=old_info.split("|");
var length=old_link1.length
var newcookie=''
for(var j=0;length<=6?j<=length-1:j<=5;j++){
if(old_link1[j].indexOf(linkname)==-1){
if(j==length-1||j==5){
newcookie=newcookie+old_link1[j]
}else{
newcookie=newcookie+old_link1[j]+'|'
}
}
}
newcookie=wlink+newcookie
setCookie("history_info",newcookie);
history_show().reload();
break;
}
}
srcElem = srcElem.parentNode;
}
}catch(e){
}
return true;
}
//document.onclick=glog;
function history_show(){
var history_info=getCookie("history_info");
var content="";
if(history_info!=null){
history_arg=history_info.split("|");
var i;
for(i=0;i<=5;i++){
if(history_arg[i]!="null"){
var wlink=history_arg[i].split("+");
content+=("<font color='#ff000'>↑</font>"+"<a href='"+wlink[1]+"' target='_blank'>"+wlink[0]+"</a><br>");
}
document.getElementById("history").innerHTML=content;
}
}else{
document.getElementById("history").innerHTML="对不起，您没有任何浏览记录！";
}
}
function delcookie(){
alert(document.cookie);
}
</script>
</head>
<body>
<div>您最近关注的内容（只显示6个最近关注的内容并且不会重复出现）：</div>
<div id="history">
<script language="javascript">history_show();</script>
</div>
<div>
<br><br>请选择：<br>
<a href="#" >1</a>
<a href="#" >PHP</a>
<a href="#" >ASP.NET</a>
<a href="#" >JSP</a>
<a href="#" >C#</a>
<a href="#" >VB</a>
<a href="#" >VC</a>
<a href="#" >AJAX</a>
<a href="#" >DELPHI</a>
<a href="#">asdfasdfasdf</a>
<span onclick="delcookie();">delete</span>
</div>
</body>
</html>
分享到：
相关推荐
"仿淘宝下拉显示浏览记录"这一功能，正是为了提升用户在浏览商品时的便捷性和个性化体验。这个功能的主要目的是让用户能够快速回溯自己的浏览历史，方便他们找到之前感兴趣的商品或者继续未完成的购物旅程。 首先，...
【仿淘宝网上商城】是一个基于ASP.NET平台开发的电子商务项目，旨在模拟淘宝网的功能和用户体验。这个项目的核心目标是提供一个完整的在线购物平台，包括商品浏览、选购、购物车、用户账户管理、订单处理等主要模块...
### 淘宝网仿真程序源代码解析 #### 一、引言 随着电子商务的快速发展，淘宝网作为中国最大的C2C（Customer to Customer）电商平台之一，在全球范围内都享有极高的声誉。对于开发者而言，能够深入研究淘宝网的运作...
本文将详细介绍一款名为"仿淘宝无限制"的商城系统，它集多种功能于一体，旨在为商家和消费者提供高效、便捷的交易体验。 首先，该商城系统支持两种主要的出售模式：一口价和拍卖。一口价模式是常规的线上购物方式，...
2 商品比较，收藏，浏览记录功能 3 卖家开店功能，6套店铺模版 4 二级域名支持 5 商品可实现三级分类 6 后台分权限管理 ------------------------------------------------------------------------------------...
【标题】"仿淘宝购买商品"的实现是一个复杂的软件工程过程，它涉及到多个技术领域，旨在构建一个类似于淘宝网的在线购物平台。这样的系统需要具备用户注册、商品浏览、购物车管理、订单处理、支付系统集成以及后台...
2 商品比较，收藏，浏览记录功能 3 卖家开店功能，6套店铺模版 4 二级域名支持 5 商品可实现三级分类 6 后台分权限管理 ------------------------------------------------------------------------------------...
【标题】中的“仿淘宝网源码，jsp简单方式实现购物”揭示了这是一个基于Java Server Pages（JSP）技术构建的电商系统，旨在模仿淘宝网的功能。在这个项目中，开发者可能使用了JSP来创建动态网页，实现了用户浏览商品...
2 商品比较，收藏，浏览记录功能 3 卖家开店功能，6套店铺模版 4 二级域名支持 5 商品可实现三级分类 6 后台分权限管理 ------------------------------------------------------------------------------------...
【标题】"Java 仿淘宝购物系统项目源码"是一个基于Java Web技术开发的电子商务平台模拟项目，旨在提供类似淘宝网的在线购物体验。这个项目不仅涵盖了基础的浏览商品、添加到购物车的功能，还实现了下单及商品更新等...
在【仿淘宝网多用户网络商城购物系统源码sql正式版】中，SQL的使用至关重要。SQL是结构化查询语言，用于管理和操作关系数据库。在这里，源代码可能包含了创建、查询、更新和删除数据库记录的语句，例如商品信息、...
【标题】"仿淘宝网上商店java"项目是一个基于Java技术实现的电商系统，旨在模拟淘宝网的核心功能，为用户提供在线购物、商品浏览、订单处理、支付结算等服务。这个项目通常涵盖了许多Java Web开发的关键技术和架构，...
易想多用户商城为您提供了先进的网友开店交流平台，功能参考了拍拍网、淘宝网、易趣网的优点，已经为国内外千家客户提供专业服务，受到了广大使用者的一致好评,易想网络将继续推动中国信息化服务进程。 四、升级...
这个项目是一个电子商务平台的复刻版，旨在模仿淘宝网的功能和用户体验，涵盖了移动设备（手机版本）和Web浏览器（WEB版本）两种访问方式。这样的设计确保了用户无论在何时何地都能方便地浏览商品、进行购物操作。 ...
配置好数据库连接、应用服务器环境后，即可启动服务，通过浏览器访问指定URL来查看和使用这个仿淘宝网商城。 通过学习和理解这个项目，开发者不仅可以掌握SSH框架的应用，还能深入了解电商网站的架构设计和业务流程...
5. **前端界面**：仿新版卷皮网淘宝客系统的界面设计应简洁易用，吸引用户浏览和分享商品。前端技术可能包括HTML、CSS、JavaScript以及Vue.js、React.js等现代前端框架，用于提升用户体验。 6. **安全性**：系统需...
【标题】"仿淘宝网站"是一个基于JSP技术构建的Web项目实例，旨在提供一个类似于中国知名电商平台淘宝网的在线购物平台。这个项目涵盖了前端用户界面设计和后端服务器端功能实现，为学习和理解JavaWeb开发提供了一个...
2 商品比较，收藏，浏览记录功能 3 卖家开店功能，6套店铺模版 4 二级域名支持 5 商品可实现三级分类 6 后台分权限管理 ------------------------------------------------------------------------------------...
2 商品比较，收藏，浏览记录功能 3 卖家开店功能，6套店铺模版 4 二级域名支持 5 商品可实现三级分类 6 后台分权限管理 ------------------------------------------------------------------------------------...
这种效果使得用户在浏览商品详情页时，可以享受到平滑的滚动体验，尤其是在页面底部时，能感受到内容的无限加载感。本DEMO主要关注的就是这一部分的实现，不涉及详情页的其他内容布局。 首先，我们要理解的是`...