- 积分
- 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>
) Q" d" m) |+ N" C6 n- y. z# T - <html>
/ ~. I/ X; Z! ], L - <head>
/ A3 b$ N* ?7 O& r1 A$ x0 e - <meta charset="utf-8">
' h& |" P; {' R6 l3 k9 W3 ~ D - <title>修改代码,右边会自动显示结果</title>/ }# r r0 Y' R3 G" y+ `
- <!--适应移动端-->, [7 S8 E) d) w+ D' v) a
- <meta name="viewport" content="width=device-width, initial-scale=1">
c3 { x" _2 T4 R - <!--css样式-->* X+ V* g4 o! _8 |
- <style>( V' l7 G$ d! {' e( W0 X
- body{background-color: #EBEBEB}2 x3 d; U/ m% d8 v
- .aaa{background-color: #CB4F51;padding: 10px;display: block}/ d2 I& ~- s- d; b- ^- @
- </style>
3 T$ k' B& i N% o4 M& s - <!--引用jquery库-->/ g/ d$ C+ ^8 l( G
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
- p! C8 ^9 B5 a3 F) P) X - </head>
$ `; Y- W% B2 a% U6 ~% k - ) Y$ q8 G# k% k! G7 I
- <body>6 {& N+ v/ b' z0 a# z, H
- ' @8 a. }( k; U. W
- <h3>这是一个简单的点击效果</h3>
- G: v4 c+ h0 [) j" j - 4 u) @4 @' G. r5 @+ S
- <div class="aaa">
- K* q2 b2 s" p/ _! W4 `, n0 ` - 我叫陈达
! s( c1 V$ X. _5 H - </div>( l1 h' }0 b' r) b% F. W
- }/ Y3 E4 i$ W/ a8 M* {- <script type="text/javascript">
8 C; b, M0 G, @7 e3 F: r2 J - $(document).ready(function(){( l2 P; C+ R& \5 u) s, y z
- //点击' y5 ~; @- C7 v" ]
- $(".aaa").click(function(){ P9 D& `# @0 I2 e9 m9 u1 h
- alert("你好!");
2 L! g+ K2 I' {, U w& ^" e+ `% U - });
$ D0 M4 K5 H; v4 K" Q+ E7 u - //悬停到目标上
G0 w* E6 a7 t# l- r9 @( ] - $(".aaa").mouseover(function(){
. f2 G8 N* d& t3 V/ ^$ E& J - $(this).css("background-color","#0060ff");
6 F. r0 I3 | Q3 ~, y1 u$ @ - });
" S. U$ [( _8 D4 h# ~4 q/ H - //悬停离开1 ]8 A- c; V- V4 g3 C% q9 s! h# Z
- $(".aaa").mouseout(function(){ 4 s1 F: }0 O: G* q3 u
- $(this).css("background-color","#CB4F51");7 @/ y& h* w9 W: V) |
- });
1 [1 d6 W% c0 c; [+ t2 g$ _$ `* R - });; K9 v* @4 I: b0 L
- </script>
4 ]% C8 y2 l# f3 d% y4 | - + d$ o, p/ l+ \9 ~. G3 Q L, g
- </body>+ [- p6 A8 S2 t0 H: h
- </html>
复制代码 ' t. ?1 |1 b4 N, ~2 e
|
|