- 积分
- 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>
T/ m% p& C5 a" E! }4 n - <html>
' ]) k2 f% \5 ?4 j# J - <head>7 H" Y1 s+ _: ]
- <meta charset="utf-8">
) E2 I8 C% J7 r+ l6 m - <title>修改代码,右边会自动显示结果</title>
! m# ~' P0 K! K, ~. w5 A5 G - <!--适应移动端-->: B* b. W; M# J. c9 y
- <meta name="viewport" content="width=device-width, initial-scale=1">
# [) c6 R2 Y. E" f: D( q5 z" d - <!--css样式-->/ C6 S \$ Y# l6 F
- <style>
/ }8 T: T3 m/ w* o1 G) N - body{background-color: #EBEBEB}
2 o+ S- |; T1 K" {* u @! y6 T( w - .aaa{background-color: #CB4F51;padding: 10px;display: block}
" ]) P$ c" b4 x& E# n& r2 q9 p - </style>
! R1 K; i# R4 t, r! X- Q - <!--引用jquery库-->
6 p) g3 m0 y' l" W - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
1 H6 F2 y, Q: |, G' |. v& [6 N" @ - </head>: x M6 m1 {: ^9 ~4 c4 k
- 7 U4 T) J# W* K8 p, i
- <body>2 U$ X: H. Q* C& F
, n5 F0 K& N: s H- <h3>这是一个简单的点击效果</h3>
8 p2 ]# f/ T; l
5 V6 _3 u9 x ~1 O5 ?) N* i2 P- <div class="aaa">
/ [7 C8 F6 O8 C: Y( d+ }) m% r - 我叫陈达9 ?7 z1 C& E0 r7 N5 i. R
- </div>) E4 W: v# b: R+ x* x
, i9 _4 c# k) C2 k% o' w, T- <script type="text/javascript">. {1 c' P" ]! I3 g1 p! [+ I. b% H7 h
- $(document).ready(function(){
! C/ j, I3 |# x* h9 R) `+ L - //点击
: c0 }' @* P8 ~( I0 o0 X* ]# X - $(".aaa").click(function(){/ k B4 }: B* I L5 T4 X/ O" w
- alert("你好!");
; d( B, f" d! U9 S" f$ o+ q) o - });
( B* }1 V1 U* o4 h. Y) m - //悬停到目标上5 i: ?) m0 L- @" Q
- $(".aaa").mouseover(function(){
# P) @; G( d5 r4 Q - $(this).css("background-color","#0060ff");) V9 ]* l. b0 x% U( x
- });
0 X+ t4 L" ?: f% }' e& B - //悬停离开. N& e& \9 Z" j2 L" @
- $(".aaa").mouseout(function(){
, N8 m, p$ s3 }$ X7 h# K - $(this).css("background-color","#CB4F51");# p2 l9 g: O+ Q
- });
/ Y3 W4 _4 G m7 O - });2 i. f6 i6 x3 C0 U9 x# c- L* a
- </script>% s! Q2 ^# p! Q3 H o' E5 o3 o
5 D. P" T) Y, M+ E& g- </body>
8 @2 e2 ]3 c& x5 s Y4 X+ v7 G - </html>
复制代码
, o' ?$ W0 q: m) V* p0 ^! H& W- S |
|