- 积分
- 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>
4 j7 {' R. C T& M - <html>
; ]( t7 M8 s) H4 F# n* ?9 u - <head>
- f' D* Y1 r( G - <meta charset="utf-8">; ]0 f6 Z# v5 |* R& f: R L
- <title>修改代码,右边会自动显示结果</title>
% D% j }! s \- g - <!--适应移动端-->
! e& R, B( r& X - <meta name="viewport" content="width=device-width, initial-scale=1">
& G3 Z" j# _" m. b7 \1 H - <!--css样式-->
6 w, l3 d2 K! M1 X - <style>
: I" o9 V0 e1 ^) {2 [2 @- {" X - body{background-color: #EBEBEB}$ e$ E; s0 }( K9 j9 M* x b' t1 [
- .aaa{background-color: #CB4F51;padding: 10px;display: block}) [4 V1 q1 K9 P d- O) Z" t7 A
- </style>
8 [& U7 |( r. e: U, { - <!--引用jquery库-->% G& b/ \7 b+ Q* D! _3 N
- <script src="https://s1.pstatp.com/cdn/expire-1-M/jquery/1.10.2/jquery.min.js"></script>
; G8 Y" E2 _; i$ E9 p1 N$ { - </head>( M' B+ d! ^- Z c. q2 E; w0 k
- # i* D [' c' J. T+ s7 v
- <body>0 B; m x: ^" u, v# Z3 o/ P" ]4 V
, i3 O( a5 Y" w8 T$ X- <h3>这是一个简单的点击效果</h3>
! Q& K# M/ p) U; X+ F
; O/ I8 ?: k* k: `; |. ]* P% K! {- <div class="aaa">
( r" o% u6 {$ q - 我叫陈达
) q. j: O/ p( a2 \/ K - </div>8 `% R, I+ Y& N" z& {6 a
+ T/ w3 Y A) z1 a* D- y( g" e- <script type="text/javascript">
S. e" i( r4 R' e+ i - $(document).ready(function(){
) L, _2 c. I5 ?" m8 [ - //点击
" M3 u" ~0 W7 M9 I5 A - $(".aaa").click(function(){
5 ?9 T* w! O- }6 l1 M! c- s - alert("你好!");
+ F2 S$ K5 m* w - });
9 r* |/ c4 J. ^4 y& d8 o2 [ - //悬停到目标上 {0 Y( N% E% p2 g+ x3 u
- $(".aaa").mouseover(function(){/ k( Y8 J$ ^ k/ e% N- H3 \; a `+ T
- $(this).css("background-color","#0060ff");- {. N: l# Z- [- p, c' `% M- U
- }); ! Y( x) N, b8 {# E% a
- //悬停离开
: |( p8 ]) q8 e - $(".aaa").mouseout(function(){
$ X: o) E' R7 D" X - $(this).css("background-color","#CB4F51");
# f, y5 B# [; I( U4 L - });9 ?, P+ R5 Q% @2 B+ h' O
- });
0 @4 l2 i' v3 A' C - </script>' _) S/ d& I. _! F+ U2 ?
& u- a2 B1 `5 n A, y- </body>& ^* }6 ^/ r8 p
- </html>
复制代码 9 s/ w% u/ s# k4 R
|
|