ubnt解决方案
楼主: tiida2011

[资料分享] 自适应Wifi认证页面 - 广告倒计时后认证(公布代码)

  [复制链接]

1609

回帖

7818

积分

287 小时

在线时间

中校

注册时间
2011-1-16
金币
6134 个
威望
1 个
荣誉
0 个
累计签到:585 天
连续签到:0 天
[LV.730]常住居民
发表于 2013-6-9 18:53 |显示全部楼层
我肏你不是神吧太专业了。
回复

使用道具 举报

126

回帖

4273

积分

365 小时

在线时间

少校

注册时间
2013-5-26
金币
4100 个
威望
0 个
荣誉
0 个
累计签到:446 天
连续签到:0 天
[LV.730]常住居民
发表于 2013-6-9 20:04 |显示全部楼层
谢谢楼主分享,学习了
回复

使用道具 举报

126

回帖

4273

积分

365 小时

在线时间

少校

注册时间
2013-5-26
金币
4100 个
威望
0 个
荣誉
0 个
累计签到:446 天
连续签到:0 天
[LV.730]常住居民
发表于 2013-6-9 20:08 |显示全部楼层
复制一下代码有乱七八糟字符,怎么办?
回复

使用道具 举报

938

回帖

5106

积分

466 小时

在线时间

中校

注册时间
2010-12-25
金币
4076 个
威望
6 个
荣誉
0 个
累计签到:359 天
连续签到:0 天
[LV.365]无线熟人
发表于 2013-6-9 20:38 来自手机 |显示全部楼层
高人,不用苦新有钱收。
回复

使用道具 举报

82

回帖

603

积分

86 小时

在线时间

中尉

注册时间
2013-6-1
金币
489 个
威望
2 个
荣誉
1 个
累计签到:38 天
连续签到:0 天
[LV.50]初入江湖
发表于 2013-6-9 23:12 |显示全部楼层
真是高人啊 学习了 谢谢
回复

使用道具 举报

38

回帖

241

积分

111 小时

在线时间

少尉

注册时间
2013-3-23
金币
133 个
威望
10 个
荣誉
0 个
累计签到:71 天
连续签到:0 天
[LV.100]试剑无线
发表于 2013-6-9 23:13 |显示全部楼层
很好 以后肯定需要的 不错
回复

使用道具 举报

82

回帖

603

积分

86 小时

在线时间

中尉

注册时间
2013-6-1
金币
489 个
威望
2 个
荣誉
1 个
累计签到:38 天
连续签到:0 天
[LV.50]初入江湖
发表于 2013-6-9 23:18 |显示全部楼层
<html>
+ h- k- f$ I# Y<head>
+ a& N% b4 h. r1 w" s$ Q<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
$ Q! ?, B2 A1 ]6 z! q<meta http-equiv="Content-Language" content="zh">6 B6 y( }9 ?8 I" F
<meta http-equiv="ragma" content="no-cache">0 F/ s( M5 |% J% S3 c
<meta http-equiv="Cache-Control" content="no-cache">2 h/ {1 A+ c2 @0 W5 x
<meta name="viewport" content="width=device-width; initial-scale=1.0">
% M* \) r! z  \- V<style type="text/css">8 e$ x$ T  u( b* e# Q
<!-- + E3 }0 i, v2 {% z0 G# j
h1 { color: #000000; }
# X& n- X9 E' m! @td { color: #000000; font-size:12px }5 u  o2 k5 h5 w% E
{ color: #000000; }% ^& U6 J9 n$ Z% u+ U' k
a {color: #000000;}( p/ b* z; l0 x! i
.gradient {
& }* o; N. |: {3 |( c        /* background: #999; /* for non-css3 browsers *// a8 E8 Y2 @9 c# l* H0 u/ c
        filter: progidXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#3C70FF'); /* for IE */
4 ^1 H3 n1 Q2 e+ t4 b* O  O        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#3C72FF)); /* for webkit browsers */7 c) H$ E2 {6 ^. o/ W% W; [- x: L% \$ x
        background: -moz-linear-gradient(top,  #ffffff,  #3C72FF); /* for firefox 3.6+ */
3 ~* K3 _) Z: e" S: G4 F" X8 i}, f3 B# e- M$ z7 j
.round-corner {
# j/ m, S/ P# Y% i% W, [3 ]        -webkit-border-radius: 8px;
1 a0 K, ]. o+ y/ k        -moz-border-radius: 8px;
2 w  }! X8 E. [) N" N        border-radius: 8px;- V) ]/ v: C+ m; f( f' n; l9 S
}
" I/ V# D+ I8 i0 V( P8 B3 b/* PC */# C/ U9 a# F" x) U$ M1 @
#content {
) c" y0 m. Q+ ~8 c        width: 80%;& B! I( N! p) J7 `5 y
        padding: 2% 2%;3 l* e8 [5 m% Z) d0 c0 ]
}% X- a3 i  k$ y) l0 k
#header {) z2 H- ^# s3 m( j* h- d
        float:left;$ q/ ^1 }( Z. A
        width:100%;
: ^, [1 D# h7 O3 `9 l/ b}
, I# _" B! h  u( C1 j#leftbar {+ p# n8 V! K: e. F/ C' {! ~
        float:left;
# X2 G8 L( I0 q  C+ a6 J) `        width:40%;
7 K8 H; q" _6 Q}
! a+ w! I' n) G/ n* o#rightbar {1 F" j1 g5 D; U$ r# P" R% r; @/ S. R
        float:right;
! `  W! b5 f* o9 A# M        width:60%;
2 [  P4 X& q4 R: y}# E' r/ A+ y# H" F
#footer {+ G' m& S0 O$ J7 m
        float:left;, U3 @. @  I/ j, o6 D
        width:100%;
( M* d' ^' m% H5 o9 [6 h; c  |) H+ ?}
) @4 k( J. ^4 k, W% [9 J* H#myImg {
# K0 \& j* [# }9 x- Z9 v+ d        width: 100%;
: N; g3 u! D$ ~7 |1 @' C        max-width: 100%;
8 X) `3 r$ M3 B) n& Q}
$ P' ~/ N! x) G6 i2 v' E" p/* Mobile */
# H- R* }3 F* W6 U) C@media screen and (max-width: 480px) {
& i2 r$ B5 ?" s        #content {
8 R% l4 N# B- U. c; c, C                width: 100%;
7 W/ N  \- }- L* g                padding: 5px 0px;$ r' |9 n, a! B% a. q: m
        }# r' N" V: ]$ q! Q. j3 \  e
        #leftbar {
, Y' J( g# h# y4 r# x                float:left;
3 R2 g  T+ N) @. n1 W: p                width:100%;
0 Z$ m, s# g* O1 @6 z        }8 i) S: o$ {: c/ u. ~/ e3 N( R' `
        #rightbar {
4 ^2 r2 v8 \2 m7 [& i& t                float:left;& q; w# @/ v% G" A# O
                width:100%;
9 ^! l  B  h2 K  p        }
  r' |/ Y. l4 G% q5 N. U        " P7 P) F3 |3 h$ |4 U7 u
        #myImg {
( x$ n' u# Y, y0 q8 _( ?7 {# U                width: 100%;5 U! W( Q1 |) Y! o& M% w8 ~+ x
                max-width: 100%;% s4 P: s2 C  B9 M2 u. c# |
        }
: p% p4 u2 m1 M; A* o}& f# v/ P  g( Z& W$ a' t; K( {
-->) j5 E: F) G2 B
</style>7 j% G7 C0 E. h+ x9 x' J
7 n! x# f, |5 w$ z
<title> A Wiwiz Hotspot </title>: K% a9 p% R0 P5 C# I
<script src="/as/AuthPageScript.js"></script>2 Q0 M9 D# z2 B* p' Q$ n/ W: Z6 F
<!-- css3-mediaqueries.js for IE less than 9 -->5 H8 o  z. Q$ Z& C+ p9 \
<!--[if lt IE 9]>' r9 |! B6 |; f5 t: d4 d& o3 @
<script src="../../js/css3-mediaqueries.js"></script>
$ k% X# M5 Y' V+ y$ X9 n<![endif]-->% l: q0 Y2 u* \* N) W0 Z+ ~
+ x. ~$ V9 U  n, S. E5 a
<script>
& u! U. D# E1 w" O! B) |& q3 Z/* 回调函数。“认证”按钮按下后,如报错将自动调用此函数。可根据code值自行改写该函数。 */
% t, v5 i4 I8 W3 n. X* u+ `4 gfunction WiwizAuthPageError(code) {0 ]9 O; T% a1 K
        if           (code == 1) {& O; Q. |( I& N: @/ B- a$ r) ?
                alert("您无法使用此网络,除非您认同此协议条款。");
  G: D& R2 c! V; j) ^, V. @        } else if(code == 2) {
; j; v2 V- l9 s                alert("请输入用户名。");
" e% ]4 x8 t8 b        } else if(code == 3) {
# U; A2 D" S; c( D- G0 w; s                alert("用户名或密码错误。");6 D2 f1 D9 K- c
        } else if(code == 4) {
! h: [+ W; F5 e  E                alert("电子招待券无效。");
0 X3 K) q! d6 `) G; r" }8 G$ R        } else if(code == 6) {0 I, y$ G7 i) ?3 A7 H
                alert("超过最大在线用户数。");2 u0 F$ E2 S. Z1 h
        } else if(code == 7) {; a, G% z0 v) b% [+ O6 O  s
                alert("请输入手机号码。");
: I$ j8 j2 J# s/ ]: H+ z  w        } else if(code == 8) {
, O& d  [2 N/ v; Y& g2 t4 X                alert("热点已停用。");
6 v8 b/ N& Q( J2 Y2 Z+ X) @        } else if(code == 32) {
( W( m- k( I$ `7 C# d) P! p                alert("账户存在异常,暂时锁定中。");
( ?( F5 e9 v3 Y' K. E* k        } else if(code == 35) {
, O- ^8 ^% J0 N' d' r                alert("手机验证码错误或已超时。");
3 G0 q3 a' \+ f- j        } else {
' x; K; y' {0 @* X                alert("未知错误。错误码:"+ code);- e  x: @* C9 q" a+ i% @% W7 v  B
        }) j( n$ R! Z; C, d; ]5 h
}) I$ `( c" W* ~1 e

  A( O; F, T" F$ g: f" V. R/* 倒计时 */
7 x' K* ?: P. c" b0 b- ^i=10;        //10秒. W" B  m! g6 g) q
function countdown()
, L+ L7 i2 l: Q. a0 V2 q* L4 U- p{
% O) q7 v! l' ?% A9 r& |        var p = document.getElementById("login");3 A- b% N; V1 R! x. V
        i--;
" r$ M2 e/ B& u7 g6 a# m: ^& I        p.value = "同意(" + i + ")";8 ]$ @2 d+ N6 R2 N0 x4 P* y" H" {3 V
        
! M' Z2 b8 t+ Z3 p! g# _$ c3 m        if(i == 0)$ |7 D% h3 o+ N9 Q6 R' Y- i
                p.disabled = false;        //倒计时结束后,认证按钮状态变为可用
; ?: }& b8 i# g! p8 E        else
8 F4 g# x: t5 T' M                setTimeout("countdown()",1000)
. x: D* k* e$ |. \$ e& l: Y}
/ m- ], {6 _* Y! l</script>
  r+ H  y8 R* G+ y</head>7 s8 v; o8 [: s* V. f& I
<body bgcolor="#888888" background="" style="margin:0px">
1 N% ]; J8 l0 O5 w' x<form name="myform" id="myform" action="" method="post">
" O* [8 T1 L$ W& I, l4 ]/ Q2 e<center>; @( t1 h3 ~+ j3 K5 ], z
<div id="content">- V; m6 I  `! L9 I/ [
<div id="header" class="gradient round-corner">
# F* L5 X  J: w- `" `: r<div style="padding: 14px; line-height:32px">
3 ]: k+ z9 Z* z7 v7 c8 `1 V: t<font style="font-size:32px; font-weight:bold">标题1</font>
: D7 T8 {+ x' p
5 p4 D7 M3 n+ u2 O0 |8 h# Y" S3 p! P0 K! B
<b>标题2</b>$ i+ N0 \8 \( v- Y" C8 n
</div>
5 Y8 u" x$ O+ Y</div>
0 O, k7 ~2 h4 b<div style="float:left; width:100%; height:20px;">  g( O3 s* J2 k' Q
</div>) u* l# O+ L2 {" ]1 Q. a" e
<div style="background-color:#cccccc; float:left; width:100%;" class="round-corner">
7 s6 {; h4 G2 M7 U<div id="rightbar">
$ ?5 k' _- o% F& _! B<div style="margin:5px; padding:0px; width:auto; background-color: #ffffff" class="round-corner">
7 f3 ?' d' s; O3 q  g; C<font size="2"><span style="font-weight: bold; text-decoration: underline;"></font>
2 D8 t. m4 o9 U4 Q
) X% r7 b) e( U7 N<!-- 广告代码开始 -->
; [0 d  y7 I( f<img src="/as/s/uploaduserfile/?dl=0&fn=13f1d92759e.jpg" id="myImg"></img>2 l, Q9 V0 k  `! W+ s' T
</div>- }6 j9 g/ m: h1 i; A/ _  i0 [
<!-- 广告代码结束 -->
& c7 c& _9 z, v2 v8 a; g8 l9 w) G  u5 D% D
</div>1 K% t$ P& x+ Z8 ~2 `. e
<div id="leftbar">: A7 C) V0 i/ e3 |8 ]. M' j
<div style="margin:5px; width:auto; background-color: #ffffff" class="round-corner">
  W) i2 H7 k' D' }" t<div style="height:32px;" class="gradient round-corner">
* U# ?. W. Y' q3 C# Q/ ?+ q<div style="padding:8px"> <b>阅读条款后点击“同意”即可上网</b> </div>( w% P# A! m3 \- h% n- n! P) b% m1 M, j
</div>
# m/ c. Y) g' u<!-- 用户条款开始 -->
6 r; ^2 h, M. v& o# B; |6 J6 z<textarea style="width:99%; height:100px" readonly>
& w# F4 h! Y+ g7 d% D条款内容$ D, {/ O3 ~; \' }
条款内容, t) j, C% R# O
条款内容
! X2 Q/ A# i/ c* l5 e9 ]条款内容1 q/ r( E" O. @7 v7 t5 z  @
条款内容& X7 }( O8 X6 F3 W2 U) ?) @4 n
条款内容# _) K" U! k- N0 _% Y
条款内容7 w7 E& F' ]% d4 g- v
条款内容" W! @7 Q+ p, V3 e
条款内容' L: `% ~. [6 b
</textarea>  N. v, @. a1 Z! O
<!-- 用户条款结束 -->
0 e6 f5 ~- W; l( J! d<table border="0" bgcolor="#ffffff" cellspacing="0" cellpadding="4">2 G" G1 v* p0 S+ w6 U2 J$ F# m
<tr><td align="center">  t9 j2 m+ R* b1 G, z' \6 X

: i8 C5 L+ o1 `+ h" p<!-- 认证按钮 -->9 n0 r/ A# J& }/ O. K& ~6 \! H
<input type="button" style="width:140px; height:32px; background-color:#3C72FF; color:#ffff00; font-weight:bold" name="login" id="login" value="同意" disabled onclick="WiwizStartAuth();"> 3 O/ T* h. V9 Z- K: y- Y# B
</td></tr>
( t0 [5 l, z1 f8 _. ]</table>
& j+ a$ ?( q# j! B6 A5 W</div>
! r, Q4 I% K! g9 l  b- o4 c, S8 I</div>& \1 _  s, S6 U! F% Q! X
</div>6 F% h: m5 W0 q6 @7 J& ~2 N) s# r
' r- r, \- N( z; K$ C/ B- E
<div id="footer">
/ D7 v3 r$ G1 Z<center>
) |& A7 b, q6 C5 i! Z% Y( ?  v
/ L. Z$ f, k5 c/ q8 e# _* i
<hr>
5 s" i# {7 {- ~</center>& E3 L) |' X* f+ Y. [1 m
9 z$ m) p! ~9 ^
+ ]+ `& Z/ N  D+ \  L1 S/ y( B
<a  target="_blank">owered by i-it.taobao.com</a>
% K+ D4 H! d/ }9 k) q. M$ O</div>6 ]+ ~, R6 Y# _& X4 \
</div>
2 e/ k$ q3 z' a3 n5 B4 v</center>
0 [0 _# r; q& Q& X$ X</form>: X, c  b. @" ?8 n& F4 h
<script>countdown();</script>
4 @/ Y8 p" g# x! U7 ~: y1 M, H</body>
% Q% N. S( l! Q9 D1 D# s; @</html>' T* z+ D- R* i( d+ @( G! B
回复

使用道具 举报

67

回帖

123

积分

27 小时

在线时间

上等兵

注册时间
2013-5-10
金币
47 个
威望
1 个
荣誉
0 个
累计签到:1 天
连续签到:0 天
[LV.20]漫游旅程
发表于 2013-6-10 22:11 |显示全部楼层
学习了 谢谢
回复

使用道具 举报

307

回帖

1万

积分

826 小时

在线时间

上校

注册时间
2011-3-24
金币
12720 个
威望
2 个
荣誉
1 个
累计签到:689 天
连续签到:0 天
[LV.730]常住居民
发表于 2013-6-10 22:33 |显示全部楼层
改的不错啊 ,谢谢分享
回复

使用道具 举报

587

回帖

2083

积分

567 小时

在线时间

少校

注册时间
2012-7-19
金币
1411 个
威望
2 个
荣誉
0 个
累计签到:127 天
连续签到:0 天
[LV.200]无线新星
发表于 2013-6-11 00:32 |显示全部楼层
感谢楼主分享,绝对技术贴
回复

使用道具 举报

17

回帖

81

积分

44 小时

在线时间

上等兵

注册时间
2013-5-20
金币
60 个
威望
0 个
荣誉
0 个
累计签到:1 天
连续签到:0 天
[LV.20]漫游旅程
发表于 2013-6-11 08:06 |显示全部楼层
学习了 谢谢
回复

使用道具 举报

37

回帖

185

积分

61 小时

在线时间

上等兵

注册时间
2011-1-7
金币
142 个
威望
0 个
荣誉
0 个

尚未签到

发表于 2013-6-11 10:03 |显示全部楼层
学习了
感谢楼主
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册 微信登录

本版积分规则

站点统计 | Archiver | 手机版 | 无线门户 ( 粤ICP备11076993号|粤公网安备44010602008359号 ) |网站地图

GMT+8, 2024-5-21 07:00

返回顶部 返回列表