- 积分
- 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
 

现金: $-146757 名声: 2559 称号: 集团市场部副总 进入游戏
|

楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>
5 U5 w# H R; L1 v - <html>
4 [( Q0 D* b D; s; ^ - <head>' d3 i/ `3 p" _0 ^$ \
- <meta charset="utf-8">
; o: S; m7 z. Z$ S - <title>修改代码,右边会自动显示结果</title>
$ z1 J o6 Q) M4 x1 q6 y - <!--适应移动端-->
9 [0 d# K( \- B {4 e - <meta name="viewport" content="width=device-width, initial-scale=1">
- P6 F, y+ r3 {9 C1 ?) K7 D - <!--css样式-->
9 w) h+ U v6 d: L M3 G" O - <style>, j3 [" K$ O" z
- body{background-color: #EBEBEB}, ]! {. c* G5 M; Q; k" X9 e7 e
- .aaa{background-color: #CB4F51;padding: 10px;display: block}
! P0 ?+ ~5 w* \' I( p c - </style>9 C# w9 k' K P5 c0 A
- <!--引用jquery库-->
9 p4 o. h# u$ s$ b/ J - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>$ J$ W! d2 W# o" |! X4 Y, l$ V- G
- </head>
* n/ E7 c& `5 X( S0 n0 \2 v
# \0 P9 a0 L; z' B- E. @- <body>
' j+ [# \6 X6 x' O: H1 c - 8 e7 o3 S8 K- m
- <h3>这是一个简单的点击效果</h3># c: H/ L% u/ a: Y! S
- ! t f. }: D% W. ~' o
- <div class="aaa">
: {) V$ a+ o) R7 V9 _/ P6 } - 我叫陈达
' K6 X0 v; T2 S7 \0 J - </div>+ |* o( V# Z1 z9 F
- * W0 o1 H! Z2 j9 W
- <script type="text/javascript">6 y. J# E2 }9 F( u4 }1 d5 S0 \
- $(document).ready(function(){
/ J; k( }# L( ^; `7 a - //点击+ Q6 T# Y' }( b7 W2 l
- $(".aaa").click(function(){
& J2 ?) t4 l8 J, q - alert("你好!");! H7 Z: c. X0 ]. z" @# ~. i
- });
) w& O1 ~6 X6 {4 [ - //悬停到目标上. N `4 p4 }5 _) i$ K
- $(".aaa").mouseover(function(){
! {) {! T0 V3 _: _; l - $(this).css("background-color","#0060ff");* P( ^8 f K) ?' l$ u
- }); 9 I X* I' v8 Y" O( L
- //悬停离开% Z- y: N6 `. z1 v9 o, R9 @
- $(".aaa").mouseout(function(){ / h6 v. V9 _5 h7 E) Y
- $(this).css("background-color","#CB4F51");& @" m6 e# W" S# m# j7 P* x* V
- });5 v0 F9 b; ?, Z- j+ n9 u& p+ d$ I
- });
6 u- J/ n7 E6 ?2 T" U6 d6 R - </script>
7 O6 l- L* _0 u$ `9 }1 h
* d* S" j: W, _; \0 o+ I- M; p9 j: l- </body>* X% V, }- `6 M2 j
- </html>
复制代码 8 u- U- Z( p- n- K* s1 B3 p
|
|