- 积分
- 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
现金: $1068 名声: 1464 称号: 华中公司经理 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>) \8 N% g. X4 E; }1 U; V
- <html>: H0 g% B, }- a% U- q% T
- <head>
% a- K" I, y1 W& y. D) b - <meta charset="utf-8">
# S3 D3 ]! @) J/ q0 i - <title>修改代码,右边会自动显示结果</title>7 L# t1 D- u9 f. G, R
- <!--适应移动端-->1 w7 {1 ^ I+ @
- <meta name="viewport" content="width=device-width, initial-scale=1">: L0 O: E8 [6 v* F. p( j! D/ R
- <!--css样式-->
" k# }6 v; d+ E, [0 g% m, Q - <style>
, x2 F Y4 m1 ^; t - body{background-color: #EBEBEB}) m3 Z6 P1 q2 G2 e; t# Z5 F
- .aaa{background-color: #CB4F51;padding: 10px;display: block}
$ a& X2 }( h) w1 R( Y, u - </style>
( h! Z% I7 }8 b) t! X c, v - <!--引用jquery库-->; b- S" Z* f$ H) m
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
! i$ v$ F. y7 `9 a- ?1 K2 M - </head>
8 ^" L; M$ j! z% n
( G! W$ s9 s! l( T# J- <body>
, w( r9 Z- x/ S. D1 {% x/ ~ - 8 G4 ^$ r1 Q& ~
- <h3>这是一个简单的点击效果</h3>
6 \8 W" V6 j- Y. g4 D% ] - 5 K6 t }) l& J; a
- <div class="aaa">) \& A- S" ]5 q: I0 m6 ^& P
- 我叫陈达! n, A4 N/ W7 F( Q% l+ }2 ?
- </div>
+ h7 @4 x" [, N3 V% u/ H& I - , Z; g/ l9 B1 _9 c$ U+ ~
- <script type="text/javascript">
5 U( N/ c3 S0 r c: l/ S - $(document).ready(function(){) ?: R3 G6 Q$ Q2 H/ G; A$ r" N W
- //点击9 Y7 T8 }- I; z+ {5 ?
- $(".aaa").click(function(){
/ H7 l- L* Q8 \/ A# n - alert("你好!");0 e' Q' O( H8 t5 N m
- });
6 u/ H- K9 n# f3 s6 M# h5 e - //悬停到目标上
+ p! \% b" P' `, b" c- y5 z - $(".aaa").mouseover(function(){. P) E! C6 i% K% y l/ h* T
- $(this).css("background-color","#0060ff");8 q& X9 I; d7 h; r! M
- });
* Y. {0 G7 i- P% z; a8 I+ | - //悬停离开
& y. d/ U8 N9 n) m8 n- `) Z e - $(".aaa").mouseout(function(){ ; M! X6 f" s# [' f( l9 [
- $(this).css("background-color","#CB4F51");
$ s; s5 F! F! a( k" p - });
* ^$ N( s% m: l: D2 t8 _9 L$ f - });1 x# {8 D2 S' t% s
- </script>8 l0 O4 \; y C# k0 [$ ]% E8 `
3 u' c- l; i. _% q; [$ t" h- </body>, L! L: }! l5 Y8 e
- </html>
复制代码 ! f! j5 n' d0 Q6 t% H7 u
|
|