码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-07-31 12:14:36      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   io   for   cti   

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

 

<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>

 

需要按次序点击链接的网页特效,布布扣,bubuko.com

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

标签:style   blog   http   color   java   io   for   cti   

原文地址:http://www.cnblogs.com/youtianxia/p/3880030.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!