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

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

楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>, a) X) C* I6 W
- <html>: {: G' { }! Z! S3 _; l; W2 d3 ~
- <head>
3 p- {: Z4 j9 v - <meta charset="utf-8">
& V: E% r, K2 ~. }' [ - <title>修改代码,右边会自动显示结果</title>
3 u. U) h) d' p- y* L) B - <!--适应移动端-->2 x8 ~& W5 }5 T, I! U
- <meta name="viewport" content="width=device-width, initial-scale=1">; \* h& g2 i3 g7 @' ]- q+ M9 D
- <!--css样式-->" O# _- E% x; r- |
- <style>. ]1 d6 N3 R7 p0 B: b
- body{background-color: #EBEBEB}
3 E# m, g. s6 t6 k2 L# v - .aaa{background-color: #CB4F51;padding: 10px;display: block}
+ o) I4 ^1 u- G6 h8 z! ? - </style>' B: N% l# B5 g
- <!--引用jquery库-->) a# X8 o" p5 F# L1 \
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
H+ {) X3 \# L. F# J" ^, m4 I: K, O - </head>; A( K5 U4 `. h; Y4 `. L8 a9 F
- 9 h3 J1 A) o4 ]: x* K
- <body>
' ~: L, b' C3 L% J/ |
& B0 \3 G; d1 S8 b- <h3>这是一个简单的点击效果</h3>
4 P5 q' I% a: ~2 @4 ^0 }! j) v( C
: I8 @; c& l& c! H8 G- <div class="aaa">! i7 K1 {7 N/ G6 @( E/ i, A
- 我叫陈达. M) V3 a7 `' W
- </div>* T$ ]4 z! s+ z
1 b3 e8 H5 Z1 V/ g, C- <script type="text/javascript">* E# u% n2 y4 S4 Q# @
- $(document).ready(function(){3 x; n4 ?* m m/ @
- //点击
% o( a4 U# L5 }% X; F: ^ - $(".aaa").click(function(){
8 L. E2 N+ b* F* i$ O& {# l! k/ O - alert("你好!");" ^& j: y) N5 s% v6 _
- });
, }% V$ p' p& P - //悬停到目标上
; J* J+ ~* r; Z8 N! `7 o: Q' e - $(".aaa").mouseover(function(){
9 f( ]+ W) [0 a3 {& S' D" R5 o9 S - $(this).css("background-color","#0060ff");9 a% f" Y8 z% k
- });
5 W) N( {/ K- _5 E/ X4 H- ^ - //悬停离开
/ p, t( c- P5 I" ^+ q, |) v5 X - $(".aaa").mouseout(function(){ ) |- _' \+ {% l$ r4 i, b5 [
- $(this).css("background-color","#CB4F51");
, U" b$ F6 a" \+ E - });0 G! X R9 w( {5 E/ }) ~. s
- });1 L9 n2 h% W& O7 ]4 N# x1 _
- </script># c+ M# |: x6 O3 f: K3 Y3 N) M$ G
% F$ f2 K8 N8 L4 D9 J+ t) h+ f- </body>$ m' F- ~6 P! b& t$ J
- </html>
复制代码 ' S' @5 r$ ^3 v! p( N
|
|