- 积分
- 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>9 W K/ s1 t0 g) f7 I& n
- <html>7 D2 p( F- x- q% T
- <head>
+ v2 Y4 ` B# |; i/ l( t% D5 j - <meta charset="utf-8"> ?8 w% U; G1 u8 }
- <title>修改代码,右边会自动显示结果</title>
3 H$ N) e3 P: p% i - <!--适应移动端-->
+ s5 ~$ {$ }$ B% S, R9 \ - <meta name="viewport" content="width=device-width, initial-scale=1">
% L7 c I9 I. P" b$ E5 K( E1 q - <!--css样式-->
) F) T) r. W- W0 T* B% {/ e- o - <style>
, f# j2 H- d# T8 h - body{background-color: #EBEBEB}
: z2 N5 X( D: v" l$ j& M) p+ y6 } - .aaa{background-color: #CB4F51;padding: 10px;display: block}# H' Y, X$ Q8 L/ T( a6 J+ y
- </style>5 S3 S3 v' c6 W0 m6 `6 H, D* Z
- <!--引用jquery库-->
$ p E! B. F( f( Y# N) } C - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
$ v. Q0 P1 ^8 N5 y - </head>! y# z6 x) j C% t: _
- ! f4 f, |8 }5 b7 B2 Y' z
- <body>7 K4 \$ s' a7 N, j% j
' K+ \+ Y' s) ?' D* ^& B- <h3>这是一个简单的点击效果</h3>
) x2 N2 \) K* E$ u6 y% a/ s - 0 o% Y: W6 }5 Z
- <div class="aaa">
& j- ]. }, _0 R$ ^, E+ a0 t& a" P( d - 我叫陈达& v5 u5 `0 _$ p+ G K! Q; c
- </div>3 W7 Q, Q9 [" ?- H% V
- 3 n- b- i1 |: I5 d1 e$ S+ M4 J
- <script type="text/javascript">
& _5 ~ I* U) }( U! J- s - $(document).ready(function(){
* W2 ?- b) O0 r) H - //点击+ F+ a2 L g( `' i) ^% P4 \8 w
- $(".aaa").click(function(){
& L7 ~0 m+ H5 X0 W) b - alert("你好!");
2 I3 L. B' o1 J& ^ - }); ^# h9 o0 ?" j$ e$ j7 K# J* q8 a4 l
- //悬停到目标上. ]& W- d' y9 B7 G* r0 o
- $(".aaa").mouseover(function(){/ D% G& _7 @ |! S
- $(this).css("background-color","#0060ff");, a" V& q( ~# L5 x6 F; d
- }); 1 {2 _" V% E; _$ H
- //悬停离开) T. l, \2 I( u2 D Z
- $(".aaa").mouseout(function(){
p5 @0 R2 j* y( ?- G5 U& c - $(this).css("background-color","#CB4F51");( }/ r/ M: U' k# b
- });
( O! a. i" G( m3 f - });$ p/ H1 \3 i7 T/ o+ a, z
- </script>4 a7 W7 ?5 E* `6 E+ t+ O
# K/ m% q4 M( Y/ N% |- </body>* H7 V$ H# v; r- X) F. O* |
- </html>
复制代码
% M$ i) N" H5 y2 ~ |
|