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

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

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

转载于:https://www.cnblogs.com/youtianxia/p/3880030.html

需要按次序点击链接的网页特效相关推荐

类型多样的游戏特效网页特效素材，速来收藏
看到大家都在问游戏特效网页特效素材,既要免费又要质量好,数量还要多,小编好不容易挖到了宝藏素材网站哦,资源优质数量庞大,使用体验也很好,要是需要的话,赶紧看一看,小编会给大家详细介绍噢本人曾经也是废 ...
宝藏又小众的html5网页特效素材网站分享
因为工作的原因,我会经常使用到素材网站,各个平台的模式不太一样,内容也各有特点.刚开始接触素材网站都是一头雾水,走了很多弯路,一些很简单的操作都花去很长的操作时间.....今天给大家安利html5网页 ...
众多日历网页特效素材一键即可获取
今天小编针对日历网页特效素材为大家整理了很多内容哦,肯定有需要的小伙伴吧,实用.免费.优质的素材谁又不心动呢!赶紧码住! 本人曾经也是废大把时间寻找资源,质量还不咋地,但是通过朋友安利,知道了一个很好 ...
超全jquery网页特效素材网站整理
天天各大网站找jquery网页特效素材?最后空手而归?今天为大家推荐jquery网页特效素材网站,质量上乘适合资源慌缺的你,话不多说准备开始收藏吧! 免费资源最多,又全面的网站,我找到啦!!它有很多素 ...
超全在线客服网页特效素材网站整理
前方注意咯!建议先收藏再看哦!为大家整理在线客服网页特效素材,总有满足你需求的一款,除此之外,免费,资源质量好,一键打包下载,你还不心动吗? 因为小编的工作原因,经常会使用到在线客服网页特效素材,所以 ...
公众号、网页点击链接，跳转qq添加好友、跳转外部链接代码教程
一.网页版本点击跳转到添加好友界面:(直接用下面的链接地址,将QQ号改成自己的即可) http://wpa.qq.com/msgrd?v=3&uin=26198573&site=qq& ...
ios开发跳转safari_阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
最近为了更好地接触移动Web 开发狠心购买了一台ipad mini(之前一直都是借同学的,借多了就不好意思了).拿来调试DeveMobile 与EaseMobile 主题时候发现了不少问题,现在在一 ...
input点击链接另一个页面，各种操作。
1.链接到某页 <input type="button" name="Submit" value="确定" class=" ...
.net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...

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

需要按次序点击链接的网页特效相关推荐

最新文章

热门文章