需要按次序点击链接的网页特效

浏览数：19 / 时间：2015年06月09日

需要按一次次序来点击链接的网页特效，有些前端开发者将其命名为“先点击后链接”，需要按要求一个一个点击链接后才能让指定的链接生效，记得以前这种功能常被用于广告上面，用户不点击广告，就不能激活某个链接，不过这功能有点烦人啊，还是不要用为好，本代码仅供学习一种编程的思路。

<html>
<head>
<script language="JavaScript">
var num = 3;                      //链接总数
var mypage = ‘http://www.baidu.com‘;                 //目标链接地址
var pissoff = ‘ 请先从上面进入网易163之后，才能够从这里进入百度的主页‘;//这里是提示信息
allow = Array();                    //开辟数组
allow[num] = 2;                    //最后一链接为最终需要点击的
function gotoit(link){                    //记录点击状态
    if (link != num){                //如果点击的不是最后一个
        allow[link] = 2;            //则记录当前已经点击的链接
    } else {                    //否则(做后一个链接需要作检查)
        for (i=1;i<=num;i++){            //检查前面每一个链接的点击状况
            if (allow[i] != 2){        //如果某一链接没有被点击过
                i = num + 1;        //准备退出循环
                lemmeIn = 0;    //设定标志，不允许链接
            } else {            //否则(前面每一个都被点击过了)
                lemmeIn = 1;    //设定允许标志
            }
        }
        if (lemmeIn == 1){        //如果允许链接
            window.location = mypage;//则通过改变窗口location的方法进行导航
        } else {                    //否则
            alert(pissoff);            //弹出提示信息
        }
    }
}
//--->
</script>
<style type="text/css">
<!--
A {color:000000;font-size:11pt; TEXT-DECORATION: none}
A:hover{color: a0a0a0}
-->
</style>
<title>石家庄渣浆泵配件</title>
</head>
<body>
<p><b><a href="http://www.163.com" onClick="gotoit(1)" target="_blank">要进入百度搜索，必须先点击这里进入网易</u></a><br></b>
<p><b><a href="/" onClick="gotoit(2)" target="_blank">发的发生的</u></a><br></b>
<p>
<b><a href="javascript:gotoit(num)">最后才能从这里进入百度搜索哦</a></b>
</body>
</html>