|
|
楼主 |
发表于 2022-3-29 22:48:24
|
显示全部楼层
本帖最后由 江南南岸 于 2022-3-30 10:54 编辑 : Z2 m( c; S- W& o' \
- ^. q* S! F1 K+ w1 P6 Z
请问大佬,应该放在HTML代码或js代码中哪个位置呢?我把HTML代码和js代码复制出来,放到这里,辛苦给指点下吧,不是技术出身,确实不太定应该放到哪里
, I( _% {8 H2 x( X% x- Qhtml代码最后的部分+ G5 G6 O' M4 n( r. J* T
- <div class="sweet-alert animated bounceIn" id="modal03">
+ j/ t# V0 n( q - <div class="sa-icon sa-success" id="success03">
! L) E0 I) d3 {0 w - <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
4 Z1 K [) `/ \6 v) H Q - <div class="sa-placeholder"></div>& R1 I+ N) D) F& ?1 _7 R/ s1 K
- <div class="sa-fix"></div>
% z/ m1 O. T, \ - </div>! ^8 X) k6 z. |6 U8 b' i, g
- <h3>恭喜你</h3>
3 x/ W' N& ? R+ Y6 z - <img class="modaliphone" src="./index_files/44.png">
; E8 y! @8 }1 L- J6 \8 r - <p>1 点击页面</p>
; M' q# g# q5 R- l, C* Y3 o8 j - <p>2领取礼品</p>0 V# S8 f' ? m
- <div class="sa-button-container"> i2 s& x4 M& ^* _
- <div class="sa-confirm-button-container">9 X/ a6 X s w! g: @% E y
- <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>% M( [4 _' U6 j. J, T! w0 o8 r
- <div class="la-ball-fall"></div>
/ g" a# A8 c' m" V+ \7 k+ r - </div>
4 n1 X( ]7 L; g0 H( ? - </div>! \' e- L8 j" J
- </div>" g7 t+ t3 i$ u6 ]# o T7 Y, W
- <script src="./index_files/main_script.js"></scri
复制代码
V. J! m9 j, h% r z6 K# N
0 W1 e4 e$ {4 Yjs代码1 v. p6 k" o- w) p8 b
- $(document).ready(function() {6 k) z2 l1 ?- z" j/ F; O
9 t$ y1 {6 ]2 y0 w- setInterval(function() {4 H; E! l/ @+ H* A) |
- $("h1").toggle()
Q f, B G% J" a" P f3 \ - }, 1500);3 _- `$ G8 J1 [) G3 O
) Z* J0 K9 V$ L! s2 K/ s) N) v
7 F6 Z5 P3 i+ E- function hidemodal01() {3 B% |, U. Y! O! P9 |/ |
- $('.sweet-overlay').css('display', 'none');
8 B2 |# _/ x2 { - $('#win').removeClass('has-pulse');
, l* ?- m! \' l$ a - $('#spin').addClass('spinAround');
' \9 ~& Q3 O1 K% W" ]4 j2 h: C. O - setTimeout(function() {5 s+ ]2 d; U( x9 b8 D. I. g
- $('#modal02').addClass('visible');
9 G# @8 c& |) j4 u8 N - $('.sweet-overlay').css('display', 'block');
- s5 c J, u" x# I g - setTimeout(function() {
. [2 L# D3 K( m: _5 |- K1 g) U+ M - $('#success02').addClass('animate');
' i0 U- f7 B! i+ `! Z: S) ? - $('#successtip02').addClass('animateSuccessTip');1 V$ m' r6 {5 N9 N* u
- $('#successlong02').addClass('animateSuccessLong');: }" ?/ h( _8 w5 P3 P
- }, 500);
5 N1 y5 s& h% u1 ?8 B - }, 7500);
$ K- S& B& j, T! O5 y - }
3 G* T9 d/ k# I8 C
1 W' \9 |6 y, t- t0 p. \4 E/ i }- function hidemodal02() {
: z0 ~& x" Y |1 `! ~( \ - $('#modal02').removeClass('visible');( I6 U' h& o) W( v; X9 X4 @ Q( O
- $('.sweet-overlay').css('display', 'none');
! y6 ^* L1 E/ L% ?( ^# P - $('#spin').addClass('spinAround2');
% l$ i9 b) }3 V& {6 K - setTimeout(function() {
$ S) ^9 C6 M7 _5 R6 a) a/ ?: }8 `' x - $('#iphone').css('display', 'block');
" }$ @5 _$ Q- a% U: i% ^* O' r - }, 7000);
" @: F: G- G4 j+ @+ d - setTimeout(function() {# l x" j$ Z+ C
- $('#modal03').addClass('visible');
6 W3 e) j, p. W2 n# K% P) ~ - $('.sweet-overlay').css('display', 'block');6 E5 R, H! F1 `6 _- q6 U# ?, p- Z
- setTimeout(function() {: b$ T8 Z& w, b) h5 j7 g* M
- $('#success03').addClass('animate');
& \5 @0 P( Q& J# D1 l( B9 R - $('#successtip03').addClass('animateSuccessTip');9 y0 _. h' ]& j3 Q
- $('#successlong03').addClass('animateSuccessLong');
# n: f* g5 X3 R9 _: h" a - }, 500);8 K6 R) H- d- z
- }, 8000);5 c4 I3 F( S- i- E3 A# A- @
- # B& h2 |& q$ D5 D
- }
/ \; K7 Z$ z0 I! J. Z - % d) B x, e2 q2 K) R
- $('button#win').on('click', function(e) {
, C9 b; b. R7 |% K - - E, S8 ^1 K# d5 s' Z* F6 ]
- e.preventDefault();1 K0 Z9 f. M" B2 {
- var $this = $(this);
, Y- i3 y' C2 a2 v - hidemodal01(); H. k4 W# W. d; j. h* m
- });
' E% i/ S' X$ ]. a - $('button#secondTurn').on('click', function(e) {$ D0 L a& I: |- Z3 ?2 U
- e.preventDefault();# O" c8 ~# w7 c+ v4 g6 }
- var $this = $(this);
6 `7 h% L" N- b. p7 s+ D/ X - hidemodal02();
5 M+ F/ Q0 c ^2 L0 ? p - / n1 u# K4 t( P* q$ E& R7 p: G' W" f
- });( W7 N; r0 l) J
% m; q/ ]) B$ Z& R& z) g. ]% r- });
复制代码
3 J: {- X2 o9 @/ x( t$ t4 ` |
|