- 积分
- 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
现金: $5928 名声: 1428 称号: 华中公司经理 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>" @( E! r" @" o' d6 m
- <html>
6 ^2 H) X+ e# ]! c# } - <head>. b* l+ E. d4 ]+ ]& r* R
- <meta charset="utf-8">
: ~ h0 Q; @ @% ] - <title>修改代码,右边会自动显示结果</title>) L9 ^/ `# k: U1 v8 B
- <!--适应移动端-->5 k+ Z( L$ F5 B" @2 X
- <meta name="viewport" content="width=device-width, initial-scale=1">
4 A/ [/ d7 P8 } - <!--css样式--># o4 f [0 _5 V
- <style>, Z+ U4 n. _% {
- body{background-color: #EBEBEB}
% T' |6 M( G1 ~/ g1 Q - .aaa{background-color: #CB4F51;padding: 10px;display: block}
7 Z( n8 l6 Y; @* H& e - </style>1 `' [5 y0 e' d, l; [1 J% p* k) E
- <!--引用jquery库-->
1 k9 _8 b3 z/ C$ H& U; N! @ - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
* p% M0 B6 z! s c0 P5 s - </head>
# V% D* y+ m8 O1 ?; l' Q" g
6 S- [' |6 V, N1 ?" A* j8 ^- <body>- Z1 Q H- I" O- F
- Z/ D) `% |% Q8 a- <h3>这是一个简单的点击效果</h3>" g* s. a* q& g; o; k2 V/ @
- $ Q; P3 W ?" f2 f) j
- <div class="aaa">* j* c- ?7 x' J9 ~
- 我叫陈达
7 z: Q) o w1 ?! e2 ?0 A - </div>
; @3 `/ C+ ]3 d H+ @
# F! ], w' x" H. _( S/ }- [- <script type="text/javascript">
0 m i J, V! N# `8 G - $(document).ready(function(){3 V2 R1 N% ~4 f6 n) G v
- //点击
3 C$ }# K9 I4 q- q - $(".aaa").click(function(){
; G Z) p% i/ a4 W - alert("你好!");: W' m9 P/ F5 F. w7 P; s
- });. U6 a1 R8 P3 L
- //悬停到目标上
8 o# O' x7 G2 l - $(".aaa").mouseover(function(){
! z o5 r; W% f - $(this).css("background-color","#0060ff");4 D8 r: f" W. y. l) b8 A! U' [
- }); ) X6 V8 c& m8 P# T7 d
- //悬停离开" J3 L9 c7 ^0 ]4 ~
- $(".aaa").mouseout(function(){
1 E2 Q" V( f+ X4 n& @" T - $(this).css("background-color","#CB4F51");# w! U1 C4 E* K
- });3 H+ r: b$ ?5 @+ Z+ k
- });# K, J l; X& L4 s' c! ]9 S
- </script>
, x) T, I$ W0 [; O) B
3 X' T" v# p( G4 t' j- </body>' c$ N, L! w3 H4 Y2 D; p
- </html>
复制代码
# i6 T* K$ q4 _6 S+ W4 j4 u |
|