- 积分
- 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>
$ W5 Z- m y+ S1 t - <html>5 ?* t+ s/ X9 E( @# q' w7 o
- <head>
' G2 W6 O& K: @ - <meta charset="utf-8">) m; p8 j6 ^1 y6 F
- <title>修改代码,右边会自动显示结果</title>9 [2 t4 Z: N ]' f
- <!--适应移动端-->& W; w0 Q! x& j$ d, V
- <meta name="viewport" content="width=device-width, initial-scale=1">
- |( r& n6 C1 b. x9 p - <!--css样式-->
; G! C0 s+ Z& P1 P1 s! M- _1 V - <style>, ~7 n. t9 {% N# I& T
- body{background-color: #EBEBEB}
* L$ j; z. g0 b2 ^5 E* g& J - .aaa{background-color: #CB4F51;padding: 10px;display: block}. v" d( R- ]& Y6 F
- </style>3 ^0 ^+ `9 w2 I+ p5 ?; O3 ]
- <!--引用jquery库-->
9 V% E, R8 S: a2 G# H: \ - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>" x K9 M1 B& ]6 B( Y S; h4 d
- </head>
2 @/ ]1 w) A1 [" |; B/ U
6 V: n/ d1 u4 t; O. U U- <body>; E$ j! |" {' Y3 d5 m8 ~: \* n
- % k7 Q& g) q8 y6 @+ ?/ Y
- <h3>这是一个简单的点击效果</h3>$ O& u) m! X1 O7 Q! H
- ' b4 ]. I* D! i. W9 N) e* v
- <div class="aaa">
$ k9 n" k( T0 j$ J/ g - 我叫陈达% ]" M, a2 `3 k; ?
- </div>
1 N, O+ S# p( w - 7 J( q. J: n8 P' g3 p$ a
- <script type="text/javascript">8 U4 u5 j7 U4 U
- $(document).ready(function(){$ | O b H' D
- //点击
5 m8 B/ n- }5 V6 L; s$ Q - $(".aaa").click(function(){7 f$ T' _9 ?: N. m
- alert("你好!");
/ X" Z+ l M ?) J - });3 p* @! {& V% L* D3 @6 v3 T1 U* f
- //悬停到目标上3 h! n2 ~& j! X. o$ Z
- $(".aaa").mouseover(function(){
R* E4 Z$ W* ]# A0 M* W5 P - $(this).css("background-color","#0060ff");
/ K5 [- o- e# P - }); " Q9 o% L( h; R6 v5 F3 `; ?5 ~, v8 B
- //悬停离开! r( t( ]( @. p4 R9 {' A% g% \( Z
- $(".aaa").mouseout(function(){
2 \0 C: ?- }4 g- Q: B( I/ I* P - $(this).css("background-color","#CB4F51");; r2 ]; S: Z7 U" t8 t2 O
- });
; N7 D: P3 D! k2 I9 _ S; u2 q4 o - });. q9 Q0 Q y# Y' n, Y
- </script>
. _/ C0 x/ O6 c. e3 h - ( I' m% Z% y+ N" V( S
- </body>4 ?& O' q( |$ w5 z# }8 q4 l D
- </html>
复制代码
7 i( N- z* N) z- v3 y& p+ E1 F |
|