- 积分
- 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, |2 H/ w; |8 V5 _) ]) B$ i
- <html>
. X% n0 E0 c- O) @) H - <head># H* u+ s8 t; M- _% R Q- B8 U4 P [
- <meta charset="utf-8">
- x/ j4 X# B1 g( _( x - <title>修改代码,右边会自动显示结果</title>- d5 P, N( C, @( i9 [ K5 C
- <!--适应移动端-->7 u4 J; n3 w9 L& f6 I0 z
- <meta name="viewport" content="width=device-width, initial-scale=1">
$ i/ u# A1 _8 c" u2 c( g2 F0 Z+ I - <!--css样式-->3 i% L3 a- b5 x+ H% w9 f% t
- <style>4 m+ M7 T5 ~, H, m8 N
- body{background-color: #EBEBEB}
2 N: k, C: `, E7 ~% b8 G% U9 p0 j - .aaa{background-color: #CB4F51;padding: 10px;display: block}$ m: Q0 s7 y4 f5 Q/ S
- </style>4 d0 F4 w5 \$ T- K# U
- <!--引用jquery库-->
b1 M: b8 S$ S" N) ]6 M; L - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
% d. g( ~- L3 ` - </head>2 p1 t& M4 ?2 M' v5 D
+ \: D" V+ O% t, g- <body>
3 o+ v# a3 D+ c2 L" r( O - , c; I0 v1 b, O5 C
- <h3>这是一个简单的点击效果</h3>$ J A" z6 v# X( L/ \$ l
6 b0 R% ~; ?' k: X5 x! u8 W0 Q- <div class="aaa">" N; y5 h3 k4 m! n! f/ e; l* j
- 我叫陈达/ [/ y5 u" ?3 _$ H
- </div>
% s% @- b/ F" ]" f - 4 a( _+ X0 r$ U
- <script type="text/javascript">
6 f1 Z' d: M0 I |& b: _% P - $(document).ready(function(){
8 d7 k. F- k: O* I3 w/ _3 _ - //点击
7 M- H D! z0 v, `5 L3 s - $(".aaa").click(function(){
9 [( [, H" e* |' H t7 `) h - alert("你好!");
# p- q2 i- o: p - });
7 V3 g$ Q7 w: e0 v% B& V - //悬停到目标上
1 i: W/ H& a, l7 F/ H - $(".aaa").mouseover(function(){
8 v& ?: P, t3 [" h1 ~ - $(this).css("background-color","#0060ff");
( V9 f0 S% U3 Q2 c - });
1 @- _4 Q0 R% j' \2 A9 F' I I0 O* m+ @ - //悬停离开
- j& Z% |' ?+ x4 F - $(".aaa").mouseout(function(){ + L0 T+ A! A I' h
- $(this).css("background-color","#CB4F51");6 ?$ g8 b1 h, o* T8 ~5 a! B
- });
- N$ V9 B( H2 Z9 s# G8 x0 e - });
5 `* C/ p9 Q& e: O - </script>
: i! W" C& J" V8 L( ? - + k) x' k8 W0 ~/ y" {3 m3 e" v2 J
- </body>7 |; g5 V1 C8 R* ?2 D& ]; o( p# y
- </html>
复制代码
( w# x1 A7 ~7 e* o& c |
|