- 积分
- 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
 

现金: $-170247 名声: 2733 称号: 集团市场部总经理 进入游戏
|

楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>
3 {: ~1 _" Y/ [) N! D - <html>
9 T" b/ z) z5 P8 ] - <head>) F0 K4 f+ H8 U( ]# S
- <meta charset="utf-8">
& Q( \( |6 ?% |, H# v' p l - <title>修改代码,右边会自动显示结果</title>
$ @) b. O/ x1 \& H- L" ^3 c - <!--适应移动端-->
9 a" ?, a, x8 K - <meta name="viewport" content="width=device-width, initial-scale=1">
0 T8 D/ {+ u. b$ `( g' X Y( z - <!--css样式-->
$ K4 [' x! A" d7 A - <style>9 ^$ n3 {& W& B4 h5 r$ |7 s
- body{background-color: #EBEBEB}0 z# K) A. p1 {. w# q, I- v! q
- .aaa{background-color: #CB4F51;padding: 10px;display: block}
1 ~. s4 }4 C: E& \1 c" Q - </style>
1 b7 p+ A1 P8 v! n, c+ t* C - <!--引用jquery库-->
/ P9 V. [+ K( Y3 c3 k8 } - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
% z, v: J) ?) Y - </head>
% n0 u1 U( ]$ r3 S+ M3 p
% F6 Q. I2 ^. N0 I% ^6 z' q: {7 m- <body>
6 T/ j6 i& W$ W4 k Z+ t9 O
, `7 I8 T! W, I9 W6 w: R) y# p7 v- <h3>这是一个简单的点击效果</h3>
3 e* ?; M* D, }! V. l. l
7 W* \1 g0 {: G- <div class="aaa">
7 s! h( @2 Y! H1 O4 k: s- k: W3 m - 我叫陈达
# h5 l, G- ^% n! T - </div>
7 ?0 T5 S! u8 _8 ] |1 G
7 W( |4 _) Z+ B8 ^6 D3 n- <script type="text/javascript">
0 s9 a& d' [/ W6 Y- ?1 Y5 m - $(document).ready(function(){$ e) u. }$ I( l- l0 G
- //点击. E* I6 j7 ]$ B2 m3 J, }$ p
- $(".aaa").click(function(){
! o) X6 }; w& V6 J- O - alert("你好!");
2 i7 R2 F- Z6 s( o! A - });3 w* k% r$ x0 E3 D
- //悬停到目标上/ _6 j9 ]5 S% K- I
- $(".aaa").mouseover(function(){1 I- {' k- l0 q
- $(this).css("background-color","#0060ff");" r( G3 \- M" ^! b1 A0 s4 D2 y+ B
- });
, l8 l# S0 F% b: K - //悬停离开
% c' m. m" }" y- M' { - $(".aaa").mouseout(function(){
1 N" } }9 I' f) k& m2 S7 n - $(this).css("background-color","#CB4F51"); C. H( X( y% r6 u4 @
- });) u; O8 A# u; u2 Q$ S3 T
- });
1 b5 j+ D4 W" H* Z. s - </script>
# J% ? u" @) ?9 B
* J& a( S0 O$ Q' j( r" i& P- </body>+ W3 p% @6 p, a
- </html>
复制代码
" e7 X8 I( i8 X% q2 J |
|