- 积分
- 1611
- 威望
- 1298 点
- 活跃
- 1063 点
- 好友
- 0
- BLG币
- 4405 钱
- 阅读权限
- 70
- 注册时间
- 2008-9-19
- 最后登录
- 2023-2-10
人心恶假最重真
- UID
- 12662
- 主题
- 186
- 精华
- 1
- 帖子
- 2608
- 积分
- 1611
- 活跃
- 1063 点
- 威望
- 1298 点
- 签到
- 23 天
- BLG币
- 4405 钱
- 筹码
- 0 枚
- 在线时间
- 501 小时
- 注册时间
- 2008-9-19
- 最后登录
- 2023-2-10
 

现金: $-146757 名声: 2559 称号: 集团市场部副总 进入游戏
|

楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>* _. w+ J0 d, Z) w& X4 Q1 H7 G: ?
- <html>
4 \4 j# G0 u( K+ p* t3 j% N - <head>
& T2 @8 H# c( \) C" m; @/ X3 Y8 w - <meta charset="utf-8">
! ]' q6 r _/ S* j/ | - <title>修改代码,右边会自动显示结果</title>9 X+ j/ r' h5 Z6 [; A
- <!--适应移动端-->, d. z, c. e- n9 u
- <meta name="viewport" content="width=device-width, initial-scale=1">3 [' j- M; Y2 |: k8 [( ]. O
- <!--css样式-->
& j. _( u5 U8 _ S) ?2 B - <style>
& b* E2 J% V6 Z: c- V9 ? - body{background-color: #EBEBEB}6 ?* I$ e2 Z+ c8 i
- .aaa{background-color: #CB4F51;padding: 10px;display: block}' o+ [ u( Z% ]. ?
- </style>
( I. n! t! E/ V6 s - <!--引用jquery库-->1 g; i5 V$ o+ C9 K" _3 @
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>/ h4 B/ U9 F7 @% Z# @
- </head>+ O( Z! A4 D5 A% p, o3 w
" p" w G) ^3 ^8 F- <body>8 l4 r" f: _1 b- v
. A, M; \- K0 Q) t- <h3>这是一个简单的点击效果</h3>1 O f! T% w4 ?1 X) }) L! U
9 ^. H2 c% @9 s) L- <div class="aaa">
3 |9 Z: o2 G% K/ d- t8 E$ ` - 我叫陈达
/ E7 k( x& H% H8 {. v. D3 R( u - </div>- }/ D; l X1 N {4 H8 p& P
- - T5 V7 D V3 c% q0 ?
- <script type="text/javascript">
7 k" Y. q7 L% @" w" t( J - $(document).ready(function(){
5 a* O1 G; u5 B - //点击
5 y$ O8 \$ R2 z2 k7 W - $(".aaa").click(function(){% W3 B9 N! U% x8 n/ l
- alert("你好!");
% S S1 x% y0 d. S6 ]! y& Q2 S - });. A: a& t5 U P, {6 s
- //悬停到目标上+ p( S/ c ~& f+ A
- $(".aaa").mouseover(function(){1 E) G* d) r$ {
- $(this).css("background-color","#0060ff");) V, C3 @% \1 y5 x: z
- }); * d" |1 J; S. D+ A' |. A7 y
- //悬停离开2 A& M" h5 c0 h( y+ [1 i {) X* C+ O2 h
- $(".aaa").mouseout(function(){ $ p8 n, K) `# u9 B6 u. C% s
- $(this).css("background-color","#CB4F51");( C$ v& @/ M5 w3 Q% M
- });
: W4 v; D ? J3 S - });
0 Q$ \4 Z$ F3 D; G2 B/ p - </script>
% `5 A1 n+ f* u, w- P - : ~) a" r- k# Q# ? |6 q( O
- </body>
4 ~' c2 d- E) ~( K. ?/ { - </html>
复制代码 8 h+ J j# o% ^
|
|