- 积分
- 1611
- 威望
- 1298 点
- 活跃
- 1063 点
- 好友
- 0
- BLG币
- 4405 钱
- 阅读权限
- 100
- 注册时间
- 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
现金: $-90462 名声: 2142 称号: 集团市场部 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>
8 M. ^' Z8 j! O - <html>. u- }% I9 w% E- U* P) l" \
- <head>
4 j2 _$ H# w* T+ { - <meta charset="utf-8">6 P# h3 z; F% [8 w
- <title>修改代码,右边会自动显示结果</title>
# d, y, Q: b; x+ O* u7 p# i% k- D$ { - <!--适应移动端--># \0 }! f1 g4 l9 o) ^5 @
- <meta name="viewport" content="width=device-width, initial-scale=1">
7 J, X& a8 A3 a z7 a( J9 n; H+ @2 E - <!--css样式-->; x* c& A# ^- n* F+ V0 |
- <style>
5 n9 J2 A/ h) x6 t2 U/ D I - body{background-color: #EBEBEB}
0 Y* C ^- X7 }6 _# h - .aaa{background-color: #CB4F51;padding: 10px;display: block}
! f; G# u( f* ^# y7 s7 Q' X4 ^ - </style>, g; d {0 S- `) u0 N7 P" W
- <!--引用jquery库-->0 ]9 Z/ C# G! I* u( A/ @+ n
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
d4 n+ L7 E" ~6 U - </head>
. o i! s, I# K( I$ T7 k6 a& I - 1 m: L$ W* \7 H. ~" u. G+ V- m! Q
- <body>! q2 ]3 E0 J( @, X
- + h2 v: H1 L8 W, i) s1 G
- <h3>这是一个简单的点击效果</h3>" E# Q7 W9 \# v) U* E
; ^8 p. F4 ^9 m. ]% J- P) |" l7 x- <div class="aaa">6 J- y+ T Z; X5 [
- 我叫陈达& U( e) _- K* `9 T- }" g6 G$ F
- </div>$ A6 t3 N) O6 z" O7 {% R6 b8 d
- ( B. t" J+ W2 X1 c1 t
- <script type="text/javascript">! v M6 F6 Y/ g g: [1 t
- $(document).ready(function(){
0 V, [' R9 a5 q* t P - //点击! K. ?$ C' j' Q- [' p
- $(".aaa").click(function(){& e' r$ c0 W2 W3 \9 V
- alert("你好!");
) T$ Z2 a/ m- d9 ~ - });
" u4 E# X$ y, v! U - //悬停到目标上' {' s+ A% o* L! ^/ N D% }
- $(".aaa").mouseover(function(){
; a1 Y, ?% o) K2 s! N) u - $(this).css("background-color","#0060ff");
6 }. m# D$ m9 X5 s# h" O, w( X' [1 [, Q - }); & s) J7 T9 s* d. x) S' e
- //悬停离开 q+ ^/ b% M3 p# V! }
- $(".aaa").mouseout(function(){
# B# L$ t: q9 R; g0 m - $(this).css("background-color","#CB4F51");
- W, Z! P( L" R - });, |, H; Y0 F, W' ]
- });
3 S) s7 d- [# \8 j6 T - </script>* ?5 @- Z% m# E6 q g w6 x2 T0 \
- 5 B# o* O+ H d5 b
- </body>
: c5 ~0 m" K3 H1 C( `: B - </html>
复制代码
# k8 w; K) p, `* A3 H) ?# f |
|