自适应Wifi认证页面 – 广告倒计时后认证(公布代码)

+ 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=&quotragma 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$ Tu( 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 uo2 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* OO 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 ik$ 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! hu( C1 j#leftbar {+ p# n8 V! K: e. F/ C’ {! ~
float:left;
# X2 G8 L( I0 qC+ 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 gT+ 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; w# @/ v% G A# O
width:100%;
9 ^! lBh2 Kp }
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 CB9 M2 u. c# |
}
: p% p4 u2 m1 M; A* o} f# v/ Pg( 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 oz. 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 Un, 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) { 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 eE 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 Os
alert( 请输入手机号码。
: I$ j8 j2 J# s/ ]: H+ zw } 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);- ex: @* C9 q a+ i% @% W7 vB
}) 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 Bm! 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+ Hy8 R* G+ y /head 7 s8 v; o8 [: s* V. f I
body bgcolor= #888888 background=
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 m6 I`! L9 I/ [
div id= header
# F* L5 XJ: w- ` `: r div
3 ]: k+ z9 Z* z7 v7 c8 `1 V: t 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 ‘ Q
/div ) u* l# O+ L2 { ]1 Q. a e
div
7 s6 {; h4 G2 M7 U div id= rightbar
$ ?5 k’ _- o% F _! B div
7 f3 ?’ d’ s; O3 qg; C font size= 2 span
2 D8 t. m4 o9 U4 Q
) X% r7 b) e( U7 N !– 广告代码开始 —
; [0 dy7 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) Gu5 D% D
/div 1 K% t$ P x+ Z8 ~2 `. e
div id= leftbar : A7 C) V0 i/ e3 |8 ]. M’ j
div
W) i2 H7 k’ D’ } t div
* U# ?. W. Y’ q3 C# Q/ ?+ q div
/div
# m/ c. Y) g’ u !– 用户条款开始 —
6 r; ^2 h, M. v o# B; |6 J6 z textarea
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
/td /tr
( t0 [5 l, z1 f8 _. ] /table
j+ a$ ?( q# j! B6 A5 W /div
! r, Q4 I% K! g9 lb- 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/ ND+ \L1 S/ y( B
atarget= _blank &gtowered 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, cb. @ ?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