- 积分
- 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>
! x E1 ~+ S: Q - <html>. g+ A; `! {# P: E9 ?/ ?8 y
- <head>; k! @$ H8 y% g! p
- <meta charset="utf-8">1 r+ ^! h% o/ _! Q. l6 X8 H
- <title>修改代码,右边会自动显示结果</title>
: ~9 g5 ~2 |1 {& F4 i6 K+ P - <!--适应移动端-->1 }) _, ^1 j, d) O$ u
- <meta name="viewport" content="width=device-width, initial-scale=1">
, C8 e D& g+ v, M; k& i j - <!--css样式-->
. v0 |9 Y- K5 L3 u; E - <style>" V, K1 M5 w5 i: G. x
- body{background-color: #EBEBEB}
, u$ t, G4 `8 B k, q6 U - .aaa{background-color: #CB4F51;padding: 10px;display: block} K2 m: t' w I9 `3 c7 c6 F) R
- </style>) |1 I; X/ R% Z# C4 ?8 _
- <!--引用jquery库-->
& \7 y6 o( e1 [. F" k2 c0 g# K; H - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
3 |# e Y+ R) o' b3 p - </head>3 I9 X3 \9 i( z0 P% N5 G
- ( ^$ ^" K2 n+ F
- <body># }4 l1 o) q2 `; S+ i8 f3 Q
$ u1 f$ X t& k4 L! u- e- <h3>这是一个简单的点击效果</h3>* l) ~ n @8 _* v/ R5 A
1 [ z) h- {, \( |2 q- <div class="aaa">3 x3 _, S3 i4 E) P
- 我叫陈达
- N3 R3 v9 k& c* _/ ` - </div>! v7 X) s; Z' ? L% ?! O
0 ^1 ]5 x( E) F4 I' Y' F1 U- <script type="text/javascript">( G/ ]/ E+ ~! }9 j. t' t% ~
- $(document).ready(function(){
8 E3 v6 W4 z8 W) J$ R - //点击
4 {; _$ `# Z9 w' ]/ r/ q1 O - $(".aaa").click(function(){( X1 x) M+ i7 P5 m
- alert("你好!");% S8 Z, I# U6 [! F
- });
' Q4 \6 I6 ~) [4 V - //悬停到目标上* o8 A4 j# c, Y1 M$ M. n, e
- $(".aaa").mouseover(function(){5 C* d& M7 I3 q% l- I0 h
- $(this).css("background-color","#0060ff");1 u+ a+ X- I% i
- });
2 B# y' j4 u X/ q2 K+ b, I - //悬停离开
+ o; m* k$ w2 e* A2 ? - $(".aaa").mouseout(function(){
% k; D% U2 j7 m/ o; Y" W - $(this).css("background-color","#CB4F51");
8 x$ F4 M7 _7 e9 T - });
7 B9 n9 V3 [+ u& b; H3 a, o' a - });6 l$ ]* O7 s! J. r& x6 ]
- </script>
, l0 [" r9 V4 B' V
8 f" c! [1 V: v/ |/ Z9 I4 _- </body> l# M0 i7 F4 F, E0 O
- </html>
复制代码
5 X8 W7 l4 l" U) ?$ X |
|