js实现网页临时加入收藏夹效果

2个月前 (03-11 16:00)阅读40回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值4189
  • 级别管理员
  • 主题837
  • 回复2
楼主

点击收藏链接立即在当前页面显示已收藏,带有记录cookie功能,重复收藏弹出提示信息,可以自己修改实现许多功能。

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>网页临时收藏夹效果_武鸣人</title>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<script language="javascript">
var i=0;
function www_wuming_ren(i,id){
    var aa;
    aa="<table id=\"s"+i+"\"><tr width=\"50\"><td>武鸣人<input style=\"border:none;background:d3e5f3\" size=\"4\" type=\"text\" name=\"lsh\" value=\""+id+"\"></td><td><a href=\"JavaScript:Delarhui(s"+i+")\">删除</a></td></tr></table>";
    return aa;
}
function Delarhui(obj){
    if(document.all){
        obj.removeNode(true);
    }
    else {
        obj.parentNode.removeChild(obj);
    }
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function arhui(id){
    if (checkid(id)){sc[sc.length]=id;wuming_ren.innerHTML+=www_wuming_ren(i++,id);}
}
//判断传入的id是否已经被选
var sc=[];//存放被选
function checkid(x){
if (sc.length>0){
var tmp=sc.join();
if (tmp.indexOf(x)>=0)
                   {
alert ("该页面已收藏!");
return false;
}
else return true
}
return true
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
</script>
<form name="www_wuming_ren">
<div id="wuming_ren" style="position:absolute;width:150px;background:d3e5f3;right:0px;top:0px;">已收藏网址:</div>
</form>
<table width="600" cellspacing="1" cellpadding="1" border="1">
  <tr bordercolor="#FFFFFF" bgcolor="e7e7e7">
    <td align="center">流水号</td>
    <td align="center">操作</td>
  </tr>
  <tr>
    <td align="center">1</td>
    <td align="center"><a href="JavaScript:arhui(1)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">2</td>
    <td align="center"><a href="JavaScript:arhui(2)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">3</td>
    <td align="center"><a href="JavaScript:arhui(3)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">4</td>
    <td align="center"><a href="JavaScript:arhui(4)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">5</td>
    <td align="center"><a href="JavaScript:arhui(5)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">6</td>
    <td align="center"><a href="JavaScript:arhui(6)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">7</td>
    <td align="center"><a href="JavaScript:arhui(7)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">8</td>
    <td align="center"><a href="JavaScript:arhui(8)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">9</td>
    <td align="center"><a href="JavaScript:arhui(9)">收藏</a></td>
  </tr>
  <tr>
    <td align="center">10</td>
    <td align="center"><a href="JavaScript:arhui(10)">收藏</a></td>
  </tr>
</table>
</body>
</html>


0
0
收藏0
回帖

js实现网页临时加入收藏夹效果 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息