- 积分
- 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
现金: $9168 名声: 1404 称号: 华中公司经理 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html># A) ]: p0 A' ], f H# ]
- <html>
: G5 t8 {& B7 q7 `6 ]3 ^7 J - <head>
- z, M8 G1 k. o# k% ? - <meta charset="utf-8">
& W# y7 ~, y6 X' k8 I8 o - <title>修改代码,右边会自动显示结果</title>8 z0 s8 w# v- [" |$ l
- <!--适应移动端-->
; ]1 E' `2 a& n: M7 C - <meta name="viewport" content="width=device-width, initial-scale=1">4 `! D4 \; g4 @# B
- <!--css样式-->
2 O/ q6 p7 Z) R: c - <style> j/ J) K: ^$ _: _4 w3 o5 l) n
- body{background-color: #EBEBEB}7 n: k# z/ y0 y# Z+ i
- .aaa{background-color: #CB4F51;padding: 10px;display: block}# c! b8 o0 ]: N e/ g
- </style>$ E5 _ N6 X0 O
- <!--引用jquery库-->
, q2 u5 @% r& g e3 | - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
+ C- Q) {, ?! V9 I - </head>
) P2 G. |0 H; @3 b
# A9 {" f5 O% l8 ?; q$ f- <body>
# u" s/ z& o; r
9 I5 p& N/ O7 G8 e( J! F( O3 s# X- <h3>这是一个简单的点击效果</h3>
9 w6 m3 y9 Q; i' q* v
! Q- [6 r" h, L q- <div class="aaa">3 T3 h ]% ~) }" R# X) V
- 我叫陈达6 O6 q) t6 L* ?+ G" J) q& U# k+ z
- </div>
, T- x! b9 X. ]$ k! D/ J; e k - / ~# L4 y) C8 A( i5 w& X7 @, Z
- <script type="text/javascript">9 k" ?! A; n/ E; N+ l0 r/ v, U% r
- $(document).ready(function(){$ g9 z) {' i7 h/ N' A
- //点击7 v5 n8 H# b% p: X0 R7 Y
- $(".aaa").click(function(){
$ H9 N# l N' c. ]9 G: R - alert("你好!");# C% R) K1 H6 {* D- a# \/ z H
- });
8 a- W! G1 f# w - //悬停到目标上0 V( _5 `. q5 d" i. _0 H& |% h
- $(".aaa").mouseover(function(){
. d4 ]6 p2 S7 b, f' v2 r, ~ - $(this).css("background-color","#0060ff");. h% D- e- a+ [/ H p
- });
9 k# @9 O I& L0 @! d; i - //悬停离开* ^% J* M8 c6 L9 c
- $(".aaa").mouseout(function(){ 2 q" r9 _' ^/ k Y# B* h
- $(this).css("background-color","#CB4F51");
) \. e' x2 h7 Z4 r! a: s8 x0 l9 U - });# o. P3 A/ I E) a
- });
! b0 f. `4 k: P6 I) ] - </script>
: O% |3 p' ~, v) V' r - ; S. V" w4 ?" n4 x
- </body>
) n9 t {( a; h7 j4 [- z w1 |. H! M: l6 g - </html>
复制代码 , }1 w3 b& z7 W7 @9 }
|
|