- 积分
- 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>
8 W) k) Y w3 o - <html>
k+ \( H- \. E. ?+ d) M3 i! @ - <head>
* \* |% ^) G) a6 Z* y% ^1 p - <meta charset="utf-8">
8 v0 M" r1 M0 R) }# x: X j" j - <title>修改代码,右边会自动显示结果</title>
# D9 ?; b' b) V3 ^0 K$ d* H. c - <!--适应移动端-->
# Y* W8 V7 x) z" A2 K/ m - <meta name="viewport" content="width=device-width, initial-scale=1">
- [# i# y6 M1 M- L, x4 V) j - <!--css样式-->" v& [, b7 _# ]0 B, f9 i5 Z
- <style>4 s$ Y' K" k2 z: a
- body{background-color: #EBEBEB}
9 c5 \! D! ]; X& e: n/ R4 H - .aaa{background-color: #CB4F51;padding: 10px;display: block}
7 {7 |+ n4 ^7 d! g( E% ~9 D( F* o - </style>
) ^: |% ?+ _4 q" l, l* b! A) A - <!--引用jquery库--># M. h2 E% q1 h) @
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>6 c9 F" j2 P2 S' u/ p- O, T
- </head>6 t6 f8 m6 O8 ` H" h* E* L0 G. I6 o! b# }
- 9 ~4 s8 I4 C- a. Q( K* z
- <body>
: K* ~/ ^' k4 k2 K - + d/ d% d. L ]0 H
- <h3>这是一个简单的点击效果</h3>' O8 y! z: x; ~8 P
- ( B) }0 W/ G, W+ d) T
- <div class="aaa">3 k/ j5 b/ a" z8 ]; j+ k
- 我叫陈达
) k; e! G ?% i; `0 q' A' Y - </div>
+ A# n) s. r. l. _' K+ V- W) w - & d1 p' h. W; N5 U0 g/ M2 g
- <script type="text/javascript">
+ Q* {- I# c8 r2 D0 b8 l - $(document).ready(function(){2 t; A. p0 X7 H* ^$ Z. v7 e0 \
- //点击9 u' K, ~3 Q- M7 _$ U
- $(".aaa").click(function(){" ?' Y/ j7 S3 @% o# L
- alert("你好!");9 w8 s5 Z$ N2 b' b5 d6 z; Q
- });
/ L0 i. n7 ~5 s - //悬停到目标上3 |: b- ~) e# w( c& k% V' s! ~
- $(".aaa").mouseover(function(){ s1 T+ `* U# ?7 u
- $(this).css("background-color","#0060ff");- [9 V; {0 m- Y" r
- }); 6 S; }+ M) b# ~5 v) P2 L
- //悬停离开
* n! V0 E6 h' j' J! d1 _& y - $(".aaa").mouseout(function(){ d) E& Z m1 N9 }$ g, G# u0 A
- $(this).css("background-color","#CB4F51");7 P! Y1 ?$ W' |
- });9 z! U7 y4 B/ O
- });4 H1 V( Q# ]: |$ Z; P2 V
- </script> a: H' s% T0 ~2 L! R$ M! h
9 w5 F) v+ V- {1 `. w- </body>
( q' T9 h3 ^: O' } - </html>
复制代码
) Z* z7 H6 t; v7 H |
|