zoukankan      html  css  js  c++  java
  • jquery“不再提醒"功能

    有的浏览器并不支持js收藏网站,这时候还是需要用户手动ctrl+D收藏。

    看图分析:

    1、点击“加入收藏夹”,支持js收藏的直接收藏,不支持的提示用户按ctrl+D收藏。

    2、点击“x关闭按钮”和“不再提醒”,利用cookie,即使刷新也不再弹出来。

    预览效果:

    1 <script>
    2 if($.cookie("NLRAF")==null){if(!$("#afps").length){$("head").append('<style id="afps" type="text/css" media="screen">#afp{background-color:#ffe;border-bottom:1px solid #ddd;}#afp .afpc{960px;margin-left:auto;margin-right:auto;position:relative}#afp p{text-align:center;height:32px;line-height:32px}#afp .afpa{color:#09c;font-family:Arial;}#af{font-weight:bold;}#cafp{position:absolute;right:10px;top:8px;16px;height:16px;overflow:hidden;text-indent:-9999em;background:url(share_close.png) no-repeat 3px 3px}#cafp:hover{background-position:-30px 3px}#nlraf{color:#999;text-decoration:underline}</style>')}
    3 
    4 if(!$("#afp").length){$("body").prepend('<div id="afp"><div class="afpc"><p>按 <span class="afpa">Ctrl + D</span> 把百度 <a id="af" class="afpa" href="javascript:void(0)" onclick="addFavorite(true)">加入收藏夹</a>,下次访问更方便!<a id="nlraf" href="javascript:void(0)" onclick="CloseNLRAF(true)">不再提醒</a></p><a id="cafp" href="javascript:void(0)" onclick="CloseNLRAF(false)">&times;</a>    </div></div>')}}
    5 
    6 function addFavorite(b){CloseNLRAF(true);var a=null;if(b=="childreTop"){var a="http://baidu.com"}else{var a=location.href+(b==true?"?from=topfavorite":"")}if($.browser.msie){window.external.addFavorite(a,"把百度")}else{if($.browser.mozilla){window.sidebar.addPanel("把百度",a,"")}else{alert("请按键盘 CRTL键 + D 收藏把百度")}}return false}
    7 function CloseNLRAF(a){if(a){$.cookie("NLRAF","true",{path:"/",expires:30,domain:_domain})}
    8 else{$.cookie("NLRAF","true",{path:"/",domain:_domain})}$("#afp").slideUp()}
    9 </script>

     下载地址:

    http://download.csdn.net/detail/roro5119/4616520

  • 相关阅读:
    前端构建工具gulpjs的使用介绍及技巧(转载)
    jq checked 设置问题
    JavaScript面向对象及相关知识
    github 操作指南
    WebStorm常用快捷键
    Windows下Scala环境搭建
    For与Function进阶实战、Lazy的使用笔记总结
    第3课 Scala函数式编程彻底精通及Spark源码阅读笔记
    第2课 Scala面向对象彻底精通及Spark源码SparkContext,RDD阅读总结
    第1课 Scala入门与实战笔记总结
  • 原文地址:https://www.cnblogs.com/tinyphp/p/2711597.html
Copyright © 2011-2022 走看看