- 积分
- 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>, p+ a* R, `& ?4 J! F6 s
- <html>
% a" c2 c7 @# Z4 `: [8 b. R - <head>
% f# j) ^8 e) C8 U1 `- f5 E1 `2 x" l - <meta charset="utf-8">) l, m' e a1 X6 A7 A5 j: F0 F0 p
- <title>修改代码,右边会自动显示结果</title>. U; i' Z* ~9 V4 P
- <!--适应移动端-->
) u! E8 Y6 L" G7 w6 s - <meta name="viewport" content="width=device-width, initial-scale=1">
) B" R5 T. \; ]. x D! Z+ Y, E - <!--css样式-->' r/ [; Y% U7 ^" ~% F
- <style>
, l8 j5 v# y/ L- c' O - body{background-color: #EBEBEB}
) Q4 _1 f3 ?$ e9 u& } - .aaa{background-color: #CB4F51;padding: 10px;display: block}
) P- b) J4 T% P' m/ G - </style>) T! v" L! f( p/ Q/ k+ p' u/ |# }' A
- <!--引用jquery库-->/ G& J% J* ?: i% |- ?* G& r
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
. c2 j5 q) s% R3 Q$ @ - </head>
) M4 n, R4 _) o: p9 e
+ G5 [! X' Z, A5 A: g" p Y- <body> m. N ^+ ?6 i8 I
- 1 z2 V4 g! |3 Z/ C1 b; G m
- <h3>这是一个简单的点击效果</h3>6 `# u$ ?* F4 F. O {4 h
- + O/ m7 ]) i i" i4 B. X8 \
- <div class="aaa">3 F: J+ m. y% v' T8 ?
- 我叫陈达8 f1 s o' p& m% z4 ?
- </div>7 A- _: B4 x# e5 Q5 ]" ^6 B- U! b" m
- 4 O/ w6 P5 ^7 ~3 r; h
- <script type="text/javascript">" u. x( F1 H8 i9 q% \
- $(document).ready(function(){" w5 J+ T9 @& W) N% g0 \- ~( Q
- //点击+ x* M. a( `1 m( N/ u% E' x
- $(".aaa").click(function(){
5 T- j0 ?2 a0 _- @) F/ o" B7 W( i - alert("你好!");. J; A: U2 u! H* X7 _) m
- });
1 h. f. c% ? P/ L5 U - //悬停到目标上 _ D/ p& t7 y8 E" b0 |+ w
- $(".aaa").mouseover(function(){
0 j2 u' p) ^5 F7 B0 p" o - $(this).css("background-color","#0060ff");
\# j) c) L, \) v - });
" h! z# a x7 {5 S# _ - //悬停离开7 e1 a5 P7 ]$ A( ^ v% B. p
- $(".aaa").mouseout(function(){ 6 G6 L; u4 j; E M: `5 i
- $(this).css("background-color","#CB4F51");
5 S4 R. s+ [- R1 u! ^% @- B - });
- ]/ j! v0 b) ~9 t - });
% K6 q, j3 O5 z6 \- v - </script>
2 U" R0 e, X( a g+ i' j) s) M' ] - 2 u) W% [" y. Q y. A) Q
- </body> u \& j6 Q4 ~! k4 k
- </html>
复制代码 5 N' Z) i7 Z' i+ Q; i
|
|