|
|

楼主 |
发表于 2022-3-29 22:48:24
|
显示全部楼层
本帖最后由 江南南岸 于 2022-3-30 10:54 编辑 7 f1 Q$ i \% q# T t0 }1 n
8 L/ B( x& Y$ O0 X6 ]请问大佬,应该放在HTML代码或js代码中哪个位置呢?我把HTML代码和js代码复制出来,放到这里,辛苦给指点下吧,不是技术出身,确实不太定应该放到哪里
5 E* `( j. K2 j- Y4 _- _html代码最后的部分
. p( u% Y* I4 W2 o' w& U9 S; ^- <div class="sweet-alert animated bounceIn" id="modal03">
- j* ?; N2 M* S - <div class="sa-icon sa-success" id="success03">
6 A2 u, d% k3 N3 X# ` - <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>6 Z" ^6 g" |4 s9 [: U9 e# ]/ y5 b! a
- <div class="sa-placeholder"></div>6 F7 h! \% Z* n$ ^
- <div class="sa-fix"></div>
1 h: i' x$ D, k6 W- s - </div>/ ^" c% \1 F8 ?7 c! a+ B# w
- <h3>恭喜你</h3> 2 f% J* G4 B7 R9 V5 u
- <img class="modaliphone" src="./index_files/44.png">
8 y0 d* w! {/ k# [7 v# y - <p>1 点击页面</p>/ a+ q; a8 O2 X3 f3 L/ B) b) E
- <p>2领取礼品</p>
8 q# C% [; a( G! C+ D7 \ - <div class="sa-button-container">
+ Q& ~, r( j; f" {! G+ I* n - <div class="sa-confirm-button-container">
) I& }) \; p# y* V - <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>! a F3 b+ a. y: Y2 }# E
- <div class="la-ball-fall"></div>
+ C4 A, w. L* i - </div>8 n0 J# p/ [3 D: f5 v
- </div> }) p2 ^& q( l; N( A' M/ {. @
- </div>
2 U' [$ M3 c% q - <script src="./index_files/main_script.js"></scri
复制代码
. N8 r$ m7 o. @8 v- `8 I" `. R y# ~9 l% a# X/ Q) d% J/ g
js代码# q( I' O/ @- c9 @" P, J
- $(document).ready(function() {, k: y J+ l8 z0 h3 U% [
8 a9 u1 e& c' ]+ e8 F- setInterval(function() {
# s' x' y7 F/ b; B$ C! P$ u$ w/ P - $("h1").toggle()1 H8 ~2 u' i; c5 R
- }, 1500);0 j9 Q' _: f" i8 f, f# v
- * c# R g/ d7 c$ X; ~* D5 |
' `1 O& X% [/ d4 e" J$ j$ F- function hidemodal01() {
' L+ d1 U4 a: }5 A8 a: D1 z - $('.sweet-overlay').css('display', 'none');" k) e8 B5 A3 i
- $('#win').removeClass('has-pulse');5 k- s, ~6 O$ |8 u0 {
- $('#spin').addClass('spinAround');/ W' |- p9 S% Q% ?+ ~" f0 A' W
- setTimeout(function() {9 |( o0 b X- T2 ^! s% S, S% G
- $('#modal02').addClass('visible');
) T: [1 Y1 R, F) k3 N/ I8 [ - $('.sweet-overlay').css('display', 'block');$ ]) a* k5 E4 Z/ N1 H
- setTimeout(function() {6 f3 u- T/ }% S6 Z) f" m
- $('#success02').addClass('animate');3 d+ ^. l0 T+ d; @1 I, E
- $('#successtip02').addClass('animateSuccessTip');" H2 ?- F0 X4 _7 d) e* b) u
- $('#successlong02').addClass('animateSuccessLong');
' |' f5 q/ e2 M* t - }, 500);
6 d( A+ X4 h) q& U( z/ x - }, 7500);* F3 z6 V) d" W* e; K p
- }
' F! W L: I8 {) \% h, v. v; k - G9 {: Z2 k$ F/ Q, D
- function hidemodal02() {
, t0 j& i9 R& Y8 a+ j# r$ R - $('#modal02').removeClass('visible');
: m% @4 V: i6 n9 p2 X - $('.sweet-overlay').css('display', 'none');) g9 L5 k% T% ~9 V/ J
- $('#spin').addClass('spinAround2');7 u/ y- A! T' A2 O2 _( G
- setTimeout(function() {! C8 K3 P/ }9 Q9 e7 i: i
- $('#iphone').css('display', 'block'); n/ h$ M& F0 d- _ e m3 P! M2 ]" X9 ~
- }, 7000);7 l, t$ N0 r5 i$ n' {6 }! c
- setTimeout(function() {
+ l: f" ?* P$ Y6 P# B( C% b+ \ - $('#modal03').addClass('visible');
8 y/ v/ z# i6 [; J; t+ j2 W - $('.sweet-overlay').css('display', 'block');6 p0 h' R* L; D( J
- setTimeout(function() {
7 ?# M" D+ ~: K8 r: V1 G7 y - $('#success03').addClass('animate');
4 t6 l8 }. y: I - $('#successtip03').addClass('animateSuccessTip');# }- Z/ _! `; g2 m
- $('#successlong03').addClass('animateSuccessLong');& ]4 _5 t& {, |8 S% Y2 `0 O& g0 ^+ E
- }, 500);
8 k/ [# [6 ?6 S9 e9 U4 R" R - }, 8000); Y L8 F: G/ T* l2 F3 R' r5 E" w
- R& N/ Z( G$ w6 r1 H: P- }# I: d+ W0 T8 t, B5 E+ M
- 9 J) [1 D" ^! K, b, w z
- $('button#win').on('click', function(e) {' Z" U* w: `9 k: Q7 J
- 1 ?& Q4 ?- v) X5 ?8 J X6 [8 J4 u! x
- e.preventDefault();
: h, q- Z/ j7 n ] - var $this = $(this);6 x5 y7 h, K5 K% Y4 I
- hidemodal01();
! N3 R5 V5 d$ W* L$ n) u n - });2 i; d" m* ?% l% R" Q2 v6 z4 j
- $('button#secondTurn').on('click', function(e) {9 d% h' Y* s# D7 N* `
- e.preventDefault();
: c6 c/ r! E4 j2 I& i- k0 Q - var $this = $(this);& g+ Z% q6 Y9 B2 D1 G
- hidemodal02();' M; V) _% Q: b! r8 i
# O1 [ L" w9 U2 ]0 E- });
9 I, Q- y- S0 h5 w4 u
% M4 f( M, z6 v( d0 _: l- });
复制代码
5 |6 T3 Z& s, d% V- b% a% ]. a; l5 i |
|