- 积分
- 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>
/ k7 i' c, B5 g5 y* i - <html>* d/ B0 D) S( j3 k3 w4 O: U
- <head> c0 Y2 r7 C5 x. }6 S* J, e/ G! p" c
- <meta charset="utf-8">
# o0 a& O5 K: D% s - <title>修改代码,右边会自动显示结果</title>% c i0 [7 j/ h# B. g1 ~8 @
- <!--适应移动端-->5 x+ B0 e4 Y8 r( ]
- <meta name="viewport" content="width=device-width, initial-scale=1">, s. V, d9 k! R+ [' i
- <!--css样式-->( n3 M6 Y! m* C2 L' h8 j0 _+ u
- <style>' L' q; |- P$ S2 C' N
- body{background-color: #EBEBEB}$ x+ Z" b! T' T! Q
- .aaa{background-color: #CB4F51;padding: 10px;display: block}5 \8 ^, b5 ~% |4 b+ n$ i
- </style>( K+ t+ A. z( _. a
- <!--引用jquery库-->
6 A$ ?7 R' h- O - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script># S4 B* m* i0 y7 y
- </head>
4 A& N, I" ^4 q( v: f" M - ( G1 A: L+ I. J3 R- T) W: k# h6 P
- <body>
# c3 I0 z& p. X8 Z' \0 O - 9 s0 n3 a$ v( x- a6 n; r- E6 `
- <h3>这是一个简单的点击效果</h3>6 z" b2 D5 g Z& ?
. }) Q0 _2 {, D7 p' k- <div class="aaa">
3 w$ [3 D5 N# V/ w2 {% d C. s - 我叫陈达
0 b3 J5 y2 Y' M, v# I& l1 _ - </div>! l1 o: }) _+ d9 ?* f; n, |2 k
) @' S4 v2 I/ \. A7 T5 ]) l- <script type="text/javascript">2 ]2 x+ D# I4 C! A/ r8 P' `# t3 y
- $(document).ready(function(){
# H: A+ d. l) P& P - //点击
( w. x8 p% x+ [% A) i/ T+ ^ - $(".aaa").click(function(){% U: i# c5 u$ C: Y5 \7 y7 \* K! X
- alert("你好!");, X3 @/ ]( b% x, Q5 G
- });
3 F0 Q0 O' N1 w; S - //悬停到目标上3 {, M) H2 L( n( x. P3 h
- $(".aaa").mouseover(function(){, i9 v( G5 Z/ k' \9 B& R: R" \
- $(this).css("background-color","#0060ff");
) L. ?# Y# Y1 s$ L6 ^" t" m - }); & c3 y5 ~# k* {1 x7 P
- //悬停离开( {3 p# ?$ }2 N9 p( N5 U
- $(".aaa").mouseout(function(){
! c B/ }8 m3 f) } - $(this).css("background-color","#CB4F51");
7 z8 E6 p3 f* }( @/ E - });: F) ^- Y5 R/ f6 C
- });
. ?3 n2 [- J2 g8 f' ]/ L, ]' F - </script>: M( c) C: \, O# e( f+ v
. a7 M s; ?+ t" {. X- e3 V- </body>$ D" ~8 k" K% a; o7 l
- </html>
复制代码 " ^& Z7 \3 u! K+ L
|
|