• 仿淘宝的最近浏览记录功能


    <!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">
    <!--把下面代码加到<head>与</head>之间-->
    <script language="javascript">
    //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+"_www.zzsky.cn_";
                    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("_www.zzsky.cn_");
                       
    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;
                    }
                }
                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("_www.zzsky.cn_");
           
    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="对不起,您没有任何浏览记录!";
        }
    }
    </script>
    </head>
    <body>
    <!--把下面代码加到<body>与</body>之间-->
    <div>您最近关注的内容(只显示6个最近关注的内容并且不会重复出现):</div>
    <div id="history">
      <script language="javascript">history_show();</script>
    </div>
    <div>
      <br><br>请选择:<br>
      <a href="#">ASP</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>
    </div>
    </body>
    </html>

  • 相关阅读:
    CentOS7 64位下MySQL5.7安装与配置
    Linux CentOS7.0下JAVA安装和配置环境变量
    在MySQL中使用explain查询SQL的执行计划
    ionic3中使用自定义配置
    RabbitMQ发布订阅实战-实现延时重试队列
    springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    Python之Mysql及SQLAlchemy操作总结
    数据库分库分表思路
    RPC框架实践之:Apache Thrift
    vue使用watch 观察路由变化,重新获取内容
  • 原文地址:https://www.cnblogs.com/xlz307/p/3425453.html
Copyright © 2020-2023  润新知