自己写了自动跳转到指定页面的js小脚本，分享一下

来源：互联网发布：linux搭建邮件服务器编辑：程序博客网时间：2024/04/27 23:51

本人新手，大神勿喷

涉及到倒计时跳转，点击关闭引导图等…

仅供学习交流，相信大家有更好的

在线预览： >点我啊<

<!DOCTYPE html><html><head><meta charset="utf-8"><!-- 顶部引导css开始 --><style>/*html{height:100%;}*/*{margin:0;padding:0;}.yindao{background-color:rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0px;z-index:100;}.yindao-img{width:940px;height:550px;background:url(http://www.thevv.top/wp-content/uploads/2017/05/yindaotu.png) no-repeat;position:absolute;left:50%;margin-left:-470px;}.yindao-img a{display:block;width:60px;height:60px;position:relative;cursor:pointer;}.yindao-img .but-off{top:84px;left:824px;}.yindao-img .but-up,.yindao-img .but-stay{width:260px;height:70px;}.yindao-img .but-up{top:186px;left:140px;}.yindao-img .but-stay{top:114px;left:488px;}.yindao-img .mytime{top:162px;left:246px;font-size:40px;color:#fee057;font-family:"微软雅黑";}</style><!-- 顶部引导css结束 --><script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script><script>$(function(){var c = 8;timer = setInterval(function(){c--;$(".yindao-img .mytime").html(c);if(c==0){window.location.href='http://www.thevv.top';clearTimeout(timer);};},1000);$(".yindao-img .but-off,.yindao-img .but-stay").click(function(){$(".yindao").css("display","none");clearTimeout(timer);});});</script></head><body><div class="yindao"><div class="yindao-img"><a class="but-off" title="我知道啦"></a><a class="but-up" href="http://www.thevv.top" title="体验新版"></a><a class="but-stay" title="不了，我习惯旧版"></a><a class="mytime">8</a></div></div><div style="width:100%;height:1000px;font-size:100px;text-align:center;">我是原来的页面</div></body></html>

阅读全文

0 0