- 积分
- 1611
- 威望
- 1298 点
- 活跃
- 1063 点
- 好友
- 0
- BLG币
- 4405 钱
- 阅读权限
- 100
- 注册时间
- 2008-9-19
- 最后登录
- 2023-2-10
人心恶假最重真
- UID
- 12662
- 主题
- 186
- 精华
- 1
- 帖子
- 2610
- 积分
- 1611
- 活跃
- 1063 点
- 威望
- 1298 点
- 签到
- 23 天
- BLG币
- 4405 钱
- 筹码
- 0 枚
- 在线时间
- 501 小时
- 注册时间
- 2008-9-19
- 最后登录
- 2023-2-10
现金: $3498 名声: 1446 称号: 华中公司经理 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>* k0 u1 Y0 @9 d9 `# B @
- <html>
0 Z7 \) [( o) B1 G; L" z \3 L. ^ - <head>
4 {0 x6 E' x( P! P4 S5 Q - <meta charset="utf-8">8 G3 M) d$ M: w( B4 {, i/ q+ a0 N
- <title>修改代码,右边会自动显示结果</title>; C9 z+ Y- V4 T6 I7 d
- <!--适应移动端-->
$ `: M5 T; n$ w# f# T" Q$ S2 S8 x1 o - <meta name="viewport" content="width=device-width, initial-scale=1">6 C5 K7 v4 j0 ] N
- <!--css样式--># Q. \' g2 H2 b8 L* X4 X& T& q0 n
- <style> D7 {% d8 F( E9 J; h. ]' b
- body{background-color: #EBEBEB}; O( w; G4 o! a- G7 |
- .aaa{background-color: #CB4F51;padding: 10px;display: block}
) J4 ^- X$ K( ]" L, P - </style>
) J1 z) n+ M1 r" [ - <!--引用jquery库--># O+ H' N2 `, B# @3 r- k C. I
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>- E$ J3 r( Q1 V+ ?* x
- </head>
- r8 u2 f0 d ?5 h3 m/ |- B
/ n8 J. y. T: V8 k- M# D- <body>' n7 V: _/ k0 O5 @5 Q
- 1 d; m) g# C/ a
- <h3>这是一个简单的点击效果</h3>
' b5 q4 \$ z5 t/ w6 G3 l - 4 m F# f7 ^: ^, r9 e
- <div class="aaa">0 M# |/ V f5 W6 y) z" N4 C8 U
- 我叫陈达
$ s6 S( ~1 G5 ]3 G$ { - </div>- S8 ^1 _5 o8 @
9 N4 a8 M% r) O$ q- <script type="text/javascript">* N3 z* i. m& \ e& z- I; E& R
- $(document).ready(function(){8 H; K3 _/ p$ d- a, X7 Z
- //点击
; ?% s( p/ D9 V; U - $(".aaa").click(function(){
$ G5 Z9 s) ~. S7 }, J* M - alert("你好!");4 Y9 W/ U. v( [0 l: e
- });
% p+ T4 z! R# J' a - //悬停到目标上
' D- P X3 \* q - $(".aaa").mouseover(function(){; Q# Z$ z M- a) l; X, o2 \
- $(this).css("background-color","#0060ff");& c: W3 x7 I! C. w
- });
' k4 d. X: m6 R( F - //悬停离开. S; k9 s$ L7 b& M: C
- $(".aaa").mouseout(function(){
% g/ `7 \; m4 W6 i5 b. y& ^$ Z. } - $(this).css("background-color","#CB4F51");; r( B1 @, B* k/ |# T3 r: \, B4 e
- });: Z2 L; O' @2 _0 e, H+ \
- });
1 W o$ l9 a' S0 o5 M - </script>
: H8 B* {$ j) X! b h! L4 k5 [- B - ( ?+ y0 {- I8 N+ K- \5 V" x
- </body>4 M# N# R n% R5 \+ `+ x3 B. n3 X
- </html>
复制代码 ' K J' F% ?- \- G+ p; n9 J
|
|