第一次进站后,自动提示收藏的代码

  每天都有很多新手上网,很多人都不知道怎么收藏地址。只会通过首页进行一级一级的链接点开,这就是新手。但是新手如果发现了一个不错的站,将会经常访问。因为他暂时还没有发现更好的,自然认为你的站最好了。如何让新手收藏你的站呢?使用好的收藏代码尤为重要!

  目前,让浏览者收藏你的网址,有以下几种方法。

  1、有人说,页面上做上链接,一点就收藏了。

  呵呵,如果他知道点击,或者看到这个链接,估计也就不是新手了。此用法对新手不合适。

  2、打开网页,或者退出网页,弹出收藏提示。

  这点,我就不多说了,反正我很烦这样的网站。不建议使用。

  3、目前流行的一种方法,是鼠标移向一个位置,自动跳出收藏。

  但这种做法还有一个缺点,如果这个区域大了,就会反复弹出来,骚扰了浏览者,让人很烦。如果小了,不会弹出提示,失去提示收藏的作用。

  根据以上情况,经过考虑,想到了用运用cookies 进行控制收藏。

  最终实现效果:

  浏览者第一次访问页面时,当鼠标移到一个指定位置的时候(例如页面底部),才自动弹出收藏提示。并不是每次打开或者退出都弹出提示。

  下次访问时页面时将不再提示,防止收藏了以后,打开页面时,继续提示收藏,很烦人。这里使用 cookies控制。除非清除了cookies.

  这种做法有效的提示了浏览者收藏。防止由于不会收藏或者没有考虑收藏,而错过你的站点。

  原理:

  此方法,就是利用cookies 控制在页面出现一个div 框,第一次访问时,会出现一个这个框,在这div中加入了收藏动作。根据这原理,也可以延伸思考一下,做出其他的效果。

  用法:将以下代码存为js ,在你的页面任意位置加入即可。建议加入页面底部,这个位置是浏览者不注意的位置,也是鼠标很容易触发的位置。大家可以看演示站,www.1meirong.cn 注意页面底部那条黑线,当鼠标移到这个位置的时候,自动弹出收藏提示,而再次访问的时候,这条黑线将不显示,也就不会提示收藏了。当然,你可以把这个div改变成其他内容,放在页面其他位置,也可以加入其他动作,进行延伸的运用。

以下为代码的内容:
<!-- Begin
var expDays = 7;

// Cookie code from The JavaScript Source
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 argv = SetCookie.arguments; 
var argc = SetCookie.arguments.length; 
var expires = (argc > 2) ? argv[2] : null; 
var path = (argc > 3) ? argv[3] : null; 
var domain = (argc > 4) ? argv[4] : null; 
var secure = (argc > 5) ? argv[5] : false; 
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) + 
((domain == null) ? "" : ("; domain=" + domain)) +   
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) { 
var exp = new Date(); 
exp.setTime (exp.getTime() - 1); 
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
   }
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}

function checkCount() {
var count = GetCookie('count');
if (count == null) {
count=1;
SetCookie('count', count, exp);

if ((navigator.appName == "Microsoft Internet Explorer")  &&  (parseInt(navigator.appVersion) >=

4)) {
document.writeln("<div onmouseover=\"window.external.addFavorite(\'http:\/\/www.1meirong.cn\',\'第一美容网 -时尚女性最喜欢的美容网站\');\" style=\"background-color:#000000; font-size:3px;HEIGHT: 2px;\"><\/div>");
}
else {
var msg = "!";
if(navigator.appName == "Netscape") msg += "  (CTRL-D)";
alert(msg);
   }
}
else {
count++;
SetCookie('count', count, exp);
   }
}
checkCount();
//  End -->

时间: 2024-10-28 16:39:10

第一次进站后,自动提示收藏的代码的相关文章

如何在aspx网页加载好后自动执行一段代码?

问题描述 如何在aspx网页加载好后自动执行一段代码? 我想在我的网页加载好后,自动执行一段代码,是根据登录的用户,来设置元素的属性,需要aspx先把页面加载好后再执行,How to do? 解决方案 window.onload=function(){ alert('window ready'); //your code.... }</script>

自动提示收藏网站的源代码

收藏夹是在是上网的时候你的有利助手,帮助你记录你喜欢,常用的网站. 点击在Internet Explorer界面上的五角星收藏夹,即可打开基本界面,一般会由几个大类,几个重要网站和其他个性网站组成.通过点击"整理"可对其进行编辑,在你喜欢的界面上点击左边的添加再确认,即可将当前界面加入收藏,以后可随时点击它来迅速进入界面(有些限权界面可能不可用) 是用来收藏喜欢的网页, 以后想要看的时候就可以很快的找出来,我是这样理解的, 每次也是在"收藏夹"里找回我喜欢或常去的网

文章内容被复制后自动添加文章链接代码

具体方法 你可以给你的WordPress站点添加一个功能:内容被复制后,粘贴的时候自动在后面添加文章链接. 将下面的代码添加到主题的 functions.php 文件中:  代码如下 复制代码 function add_copyright_text() {     if (is_single()) { ?>   <script type='text/javascript'> function addLink() {     if ( window.getSelection().conta

鼠标悬浮停留三秒后自动显示大图js代码

 鼠标悬浮停留三秒后显示大图,在网页中还是比较实用的 1 <style> 2 *{margin:0;padding:0;list-style-type:none;} 3 img,a{border:0;} 4 .piccon{height:75px;margin:100px 0 0 50px;} 5 .piccon li{float:left;padding:0 10px;} 6 #preview{position:absolute;border:1px solid #ccc;backgroun

鼠标悬浮停留三秒后自动显示大图js代码_javascript技巧

鼠标悬浮停留三秒后显示大图,在网页中还是比较实用的 <style> *{margin:0;padding:0;list-style-type:none;} img,a{border:0;} .piccon{height:75px;margin:100px 0 0 50px;} .piccon li{float:left;padding:0 10px;} #preview{position:absolute;border:1px solid #ccc;background:#333;paddin

JavaScript实现页面5秒后自动跳转的方法_javascript技巧

这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>JavaScript控制页面5秒后自动跳转的代码</title> <script type="text/j

[DevExpress]利用LookUpEdit实现类似自动提示效果

原文:[DevExpress]利用LookUpEdit实现类似自动提示效果 关键代码: public static void BindWithAutoCompletion(this LookUpEdit lue, object source, string value, string displayName, string prompttext) { lue.Properties.DataSource = source; lue.Properties.DisplayMember = displa

如何配置eclipse的代码自动提示功能?

  对于编程人员来说,要记住大量的类名或类方法的名字,着实不是一件容易的事情.如果要IDE能够自动补全代码,那将为我们编程人员带来很大帮助. Eclipse代码里面的代码提示功能默认是关闭的,只有输入"."的时候才会提示功能,用vs的用户可能不太习惯这种,vs是输入任何字母都会提示,下面说一下如何修改eclipse配置,开启代码自动提示功能打开 Eclipse -> Window -> Perferences -> Java -> Editor -> Co

jquery 提示信息显示后自动消失的具体实现

 让提示信息显示后自动消失的方法有很多,在本文为大家介绍下使用jquery是如何做到的,感兴趣朋友可以参考下 经常需要做让一个提示信息显示几秒然后自动消失的效果,之前是用setTimeout去实现,但是发现如果页面上有多个setTimeout就不太好.今天找到了两个很简单的方法.mark一下.  方法一:   代码如下: $("#errormsg").html("您的信息输入错误,请重试!").show(300).delay(3000).hide(300);