- 积分
- 1611
- 威望
- 1298 点
- 活跃
- 1063 点
- 好友
- 0
- BLG币
- 4405 钱
- 阅读权限
- 100
- 注册时间
- 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
现金: $-90462 名声: 2142 称号: 集团市场部 进入游戏
|
楼主 |
发表于 2022-12-27 10:48
|
显示全部楼层
- <!doctype html>' O+ X! O, X4 Q# C3 X! }
- <html>
# K3 R: z4 K$ [) `' g5 v0 p$ V Y - <head>3 y+ @% y$ a3 r% J
- <meta charset="utf-8">" ^) j# i( Y9 U0 u( m2 N8 r
- <title>修改代码,右边会自动显示结果</title>/ _$ f z; M. ` [% w, y
- <!--适应移动端-->8 n, r2 j* B% _5 w) d4 |, f
- <meta name="viewport" content="width=device-width, initial-scale=1">1 g" p- ]4 E1 [" W* w3 H
- <!--css样式-->$ S& _$ A! d8 o2 X' L8 s- f; l' T9 e
- <style>; \7 \0 A8 g/ [# c1 n+ I
- body{background-color: #EBEBEB}
; t2 w |, f- u4 P' P - .aaa{background-color: #CB4F51;padding: 10px;display: block} H$ u! U! s i$ O' r/ l2 N; ^% M4 _" M
- </style>
) C2 n: ?, H$ f8 n/ v - <!--引用jquery库-->
# O; v- \, Q( Q5 R4 L - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>- Z* l4 ` q l' u
- </head>
" A# Y$ x5 w1 U
1 {3 P! f' x. }1 O* L3 b ~- K- <body>
" A- p: \2 Z! o* N - - a* K i; i) K0 b# G) b0 p$ O
- <h3>这是一个简单的点击效果</h3>+ C/ M8 v9 u# x# f
' T7 ?- J! z B. E- <div class="aaa">/ W/ z- [7 l; U: K( e
- 我叫陈达
+ K' j1 \ x+ e5 ^6 K( H - </div>
7 V# Z7 L1 _! T @
+ J$ {9 K7 l, J( Q) c1 k8 U- <script type="text/javascript">; M9 X0 v( j5 ^; |( S: }3 y
- $(document).ready(function(){
9 q# \' p9 I; J& f - //点击
+ m% L/ E( Z0 H - $(".aaa").click(function(){
7 P( v: \9 N/ `4 ~7 z - alert("你好!");
' q! j. u0 g+ \9 N - });4 ~/ G1 g5 X: _; i5 k, x
- //悬停到目标上
- s% N1 k! K# I& E1 J - $(".aaa").mouseover(function(){
9 V# u- s" P- S, J8 B, S. D - $(this).css("background-color","#0060ff");
/ D% e9 Z9 K* W - }); & H3 ~$ b ?2 m% \
- //悬停离开8 z8 O8 o/ t% b% o( n5 N9 U
- $(".aaa").mouseout(function(){
% X' p) k. J5 o/ z# ~4 Y" t+ T - $(this).css("background-color","#CB4F51");
" U+ [2 T' y( T# G3 k( c- n - });, Q4 w! Q: p. G7 b% s' g; @. k
- });
. A M" ]" \# l @1 W7 n - </script>9 C4 Y ~3 m M! r8 |% k
- % Z; V3 n2 W, t: o0 T
- </body>
q( J8 D$ d' C; A3 t. v. I - </html>
复制代码 0 |9 D; R9 p# {4 X8 `
|
|