- 积分
- 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>
, {" a% N) a- S/ J9 c( T - <html>9 P; J1 {" r7 |9 C2 X
- <head>/ K6 s; k8 g5 F7 z
- <meta charset="utf-8"> \' X/ H9 ?8 I7 m( Q& N
- <title>修改代码,右边会自动显示结果</title>
( X( u! q: @, n6 r; t t8 f/ c. M. O - <!--适应移动端-->. p) G6 q' ]6 e* N/ |6 \
- <meta name="viewport" content="width=device-width, initial-scale=1">- v) K( d8 p9 Y E" \ Y
- <!--css样式-->
9 B$ { d1 G5 M - <style>
. Z4 f) v: H" X: |, e - body{background-color: #EBEBEB}. p; B0 {- X6 X
- .aaa{background-color: #CB4F51;padding: 10px;display: block}( Y: r# I$ a( d/ {
- </style>& u4 _7 o4 g; d: q
- <!--引用jquery库-->
/ C8 B- S: O6 k @/ I% H s: F" Y - <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>$ j, S' C# M) e& w* c9 {5 Q N' s7 m
- </head>/ D( z5 o* C- C" D3 B# E0 z$ \! i
- 5 N4 U5 M" o) x' k. L
- <body>
+ y( R P( D7 t# ~' V. Q$ L
& W$ Y5 n0 @( y2 l. I! i3 u- <h3>这是一个简单的点击效果</h3>
- m* C& _' u( X) [
) W d( A" F/ o) \7 y6 u9 d- <div class="aaa">+ f8 B* F! @1 g4 o: X W! H$ K9 e8 o
- 我叫陈达0 X7 R- y4 _. | h8 [0 R$ X+ d
- </div>* k/ i/ B; y3 O# e
- 9 e9 p: o. Z9 v: |) e: J, }/ D
- <script type="text/javascript">, Q8 u( [) g" W% m3 R/ {% Q6 K/ V
- $(document).ready(function(){
$ k; H. F5 M$ Z" ]4 {7 G - //点击% {7 i: S; A3 q
- $(".aaa").click(function(){
* D; _1 S/ l& t7 B) ] t# K - alert("你好!");
1 S# i4 E# _9 I4 t7 u0 n - });
" S' }" v0 y/ N8 s+ g, o$ w - //悬停到目标上
1 I2 c# X% I9 F - $(".aaa").mouseover(function(){
- @/ R* S5 G. G5 T$ p - $(this).css("background-color","#0060ff");
8 y- \6 P% u6 x: P( o% J0 x - }); ! I# \0 G/ y) \% b
- //悬停离开
5 m. T. F7 g* [4 o - $(".aaa").mouseout(function(){
# e1 v$ u1 U. S8 i# [4 E5 j4 i - $(this).css("background-color","#CB4F51");
8 s. z# p" Y% m/ X) {3 L$ b - });
2 l6 y- @. b" o& T I - });# j* z$ C# @+ ^
- </script>
8 y3 [' q/ O f! U" q
: q# ~3 `7 `) L9 b- </body>
* K& J" }; w. [* n1 a9 f5 N4 j. { - </html>
复制代码 / e# `9 t9 S- Q, D! d0 b
|
|