设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › 站长帮 › 有谁会看代码
返回列表 发新帖

[新需求] 有谁会看代码

[复制链接]
cao1987 发表于 2020-9-28 22:43:53 | 显示全部楼层 |阅读模式
需求发布
金额范围: 10-50 元
预算金额: 50 元
开始时间:
结束时间:
联系方式: 隐藏内容
  1. <head>
    * i3 p1 g/ k! N  C8 N
  2. <style>
    6 m! g# t7 G$ O3 _
  3. .deng-box {
    - `7 e3 g, L7 D7 q
  4.         position: fixed;
    8 z' K/ \; u/ @( M# ^
  5.         top: -40px;
    . w$ A5 C: E  J. d2 \: T
  6.         right: -20px;
    ) K" w) y8 a! N- j* W, D1 a
  7.         z-index: 999;
    , n  R  U: [, f4 S) z8 ~( e1 v
  8. }
    8 t) b( B5 R, S, E8 ?& F4 @: E

  9. 0 H5 I- i6 ~$ J+ @% n( J8 I
  10. .deng-box1 {! d% x7 v/ @3 D3 ^
  11.         position: fixed;
    3 d% Q" |* i: N" z. _
  12.         top: -30px;# M, I4 [! z. G# Q: U4 X
  13.         right: 10px;6 E' Q# C- u( G+ |9 j
  14.         z-index: 999;5 @, h& C* T7 {" ~# v: U/ j
  15. }+ h5 D! Z# C1 b. F
  16. ) N! R: y  F' }- P% T7 e2 x  P% s
  17. .deng-box1 .deng {# j. u7 h) v' O3 t' p2 A
  18.         position: relative;4 S% `/ e) u2 u/ B, f
  19.         width: 120px;
    ; [; e9 B! [6 M( V, W: H' p8 M- S! U
  20.         height: 90px;* M! V$ V& W/ }
  21.         margin: 50px;  E% h4 k: e" V$ H! q* u" |7 Z
  22.         background: #d8000f;  S0 ^0 P4 y9 e9 w' x
  23.         background: rgba(216, 0, 15, 0.8);
    ) |, U$ u+ e& B" V+ x6 T
  24.         border-radius: 50% 50%;) ~# l1 t* M/ m/ e7 i
  25.         -webkit-transform-origin: 50% -100px;; }5 f$ O" P& {
  26.         -webkit-animation: swing 5s infinite ease-in-out;% p' l/ L& M$ {4 Q
  27.         box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
      i! E5 T) M0 D* W9 s
  28. }! E5 y; K- t$ j$ P* \( j1 E+ |8 x
  29. 1 G3 Q  `3 k$ F7 s
  30. .deng {# m2 ?9 n0 g5 f9 `4 {, _+ K
  31.         position: relative;
    7 A! i& J5 h; L( {( M- z2 r
  32.         width: 120px;: @$ ^* j9 r# c, l
  33.         height: 90px;
    + a) e: M1 P9 e; A. O- m0 w) o
  34.         margin: 50px;& \5 ^" j, k6 ?) N, g9 Z
  35.         background: #d8000f;
    ' k% A5 h8 ~5 e: h  a
  36.         background: rgba(216, 0, 15, 0.8);
    - ^, n2 s, I& v0 q! t
  37.         border-radius: 50% 50%;! S5 \7 E& r! ^, p: D6 L) i; _" O% E
  38.         -webkit-transform-origin: 50% -100px;
    - @, H8 }' v; h: V$ T
  39.         -webkit-animation: swing 3s infinite ease-in-out;
    ; H$ K, a" B2 W9 [: q6 w' _
  40.         box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
      W* r+ E; Y, t4 P
  41. }
    5 ]9 R% M9 ]% A# M% K6 ]9 ?1 s- s, D
  42. ) \5 S1 S6 {; H* ?' X
  43. .deng-a {2 K+ k8 _, d3 a4 s, w
  44.         width: 100px;
    & D: w; _8 d; b7 \0 [% M3 _
  45.         height: 90px;
    * {. q3 k4 F7 F- W; F
  46.         background: #d8000f;! @' g" {5 g( {# [1 z7 I$ q
  47.         background: rgba(216, 0, 15, 0.1);8 n/ D" U! }" N* Y
  48.         margin: 12px 8px 8px 8px;4 N" j0 o5 L4 o+ Y
  49.         border-radius: 50% 50%;. K3 A, c' }6 Q5 F
  50.         border: 2px solid #dc8f03;
    " K/ Z% {' i: d; L
  51. }
    4 W3 P7 R: f1 R* m, B: g( g

  52. 3 `+ o( O& [& E& @
  53. .deng-b {
    + Q- K' h  f, x5 Z  t
  54.         width: 45px;+ M  m. Y% _$ W1 H, |5 V0 z0 j9 d
  55.         height: 90px;
    : M$ F/ r6 J9 c6 U5 u4 K" R
  56.         background: #d8000f;
      [' q9 M2 q  W  ^# C' P$ T
  57.         background: rgba(216, 0, 15, 0.1);- O0 o/ }% X% \7 j6 u" j
  58.         margin: -4px 8px 8px 26px;
    ! x- z6 t8 h) j* {" m2 m
  59.         border-radius: 50% 50%;# s. a1 l* W: h2 C# G
  60.         border: 2px solid #dc8f03;6 [5 e6 s% @& K% {+ D
  61. }
    . k+ `2 ^  L% S; y8 \* X. N5 E

  62.   R, i+ O# Q6 w! m3 h
  63. .xian {
    $ @+ n# B) Y( V  F8 Y* C
  64.         position: absolute;
    ( `4 m! o" h$ b, Z- b- f: L
  65.         top: -20px;# v2 W' R0 ~, [0 k# Q
  66.         left: 60px;
    ) }* w7 l! i3 y
  67.         width: 2px;
    4 k( u9 M$ |9 d" H
  68.         height: 20px;$ [8 f* M7 X. ]+ u, X
  69.         background: #dc8f03;2 p& J4 A. y& _1 X$ b# W. E
  70. }
    & h$ Z* P; P7 Y- Q1 E* @

  71. ; z* w* ^1 N* U& C! M7 x
  72. .shui-a {
    , ^) W0 c3 x8 {0 }7 k; j( V
  73.         position: relative;
    * l5 {$ |/ U& V/ Z; m9 N. ~
  74.         width: 5px;
    ( r; }/ n5 j: p- z9 u
  75.         height: 20px;
    1 P7 \+ e2 }3 I5 Q# ]* S
  76.         margin: -5px 0 0 59px;( D$ G/ E8 i( P. [
  77.         -webkit-animation: swing 4s infinite ease-in-out;
    . Z, l7 S9 C' f1 C3 p  M- z
  78.         -webkit-transform-origin: 50% -45px;
    " I; ^) l) |' p8 w7 m
  79.         background: #ffa500;2 k1 o3 o5 T. o1 b6 ]0 d4 U2 ]
  80.         border-radius: 0 0 5px 5px;
    $ O  I/ s, j0 O, Z
  81. }
      W7 E# m& [$ C/ S

  82. 1 l& d5 l; u) l3 M+ h- x
  83. .shui-b {
    7 {+ K: d, H3 P" i2 s1 o! q
  84.         position: absolute;1 W( M; `1 X: d& X5 H1 F* i
  85.         top: 14px;) J- H) q/ z) m, ~  u( l
  86.         left: -2px;
    2 l/ \3 P' U( n, ?- L
  87.         width: 10px;
    3 [. n. f8 p, R0 y, H2 s
  88.         height: 10px;
    % Q# r, `" X: u1 D* l4 V. G
  89.         background: #dc8f03;" g$ o& t3 n3 B! y, i6 g
  90.         border-radius: 50%;
    - U0 i; s' d1 P" O2 |) d
  91. }
    ' h( O+ Q& y) s; u% j9 L

  92. $ o$ G, }* J  G
  93. .shui-c {
    : @: l2 I. x, K1 ]+ t* P1 r) X
  94.         position: absolute;1 L; K9 r7 |% ]) i+ r) y
  95.         top: 18px;
    % C+ P7 H. |, |; \, t, c( x
  96.         left: -2px;
    # ]; A8 H: H; l8 N: V
  97.         width: 10px;
    9 K# C8 E; m: F
  98.         height: 35px;
    0 w* r) w! w1 P7 Q. W8 R$ Q
  99.         background: #ffa500;& y( Z9 ?9 D9 `1 p3 Q$ {
  100.         border-radius: 0 0 0 5px;
    . P( r8 X/ i. C( z' Q
  101. }$ p, ~2 C7 Y  J0 w! z
  102. # L' r3 W1 t0 h, K4 c" U4 L
  103. .deng:before {6 L1 I- `& h3 D2 @% ?
  104.         position: absolute;- o5 h3 K- M  U% h" j
  105.         top: -7px;4 U) y* q  @( I' }
  106.         left: 29px;% c5 J/ c  S/ e' z
  107.         height: 12px;1 x5 r: o& c& R2 G! c& g. e
  108.         width: 60px;1 g& @" j, H" A' v! @2 t
  109.         content: " ";8 k2 q/ D, h$ x. L. n
  110.         display: block;' L) C- k- ^, d& E" f$ P0 `
  111.         z-index: 999;
    3 L7 \8 p" C3 R$ k! U8 t/ ]6 y8 K
  112.         border-radius: 5px 5px 0 0;
    6 d% M: i0 P2 W
  113.         border: solid 1px #dc8f03;
    ! _  |. K" N9 ?3 L3 \# T3 o" y; J+ d! `
  114.         background: #ffa500;# _  i/ X* v9 }& `3 ~& e
  115.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    4 a- X* x" v/ Z7 P
  116. }
    4 O+ `- ]  G* ^
  117. ( x0 k8 |) _, u8 a/ s8 r; M
  118. .deng:after {
    0 V. a+ J( {( F
  119.         position: absolute;
    9 P) v; K$ h" \/ y9 v
  120.         bottom: -7px;- J5 o5 Y6 l6 }5 R& ]" G# Q. l
  121.         left: 10px;8 w- F- `8 X6 g8 _! @
  122.         height: 12px;
    ! j* e) S$ f* @8 x
  123.         width: 60px;
    2 P# r* O3 t2 A- E* [* S
  124.         content: " ";
    * l0 i% J  A% f
  125.         display: block;! j! T& A' A. ]* g0 }/ J
  126.         margin-left: 20px;4 ?' g8 j- s4 G  T# R7 L# Z
  127.         border-radius: 0 0 5px 5px;
    ) X/ m5 Y( E. D  p9 p2 h3 q4 k
  128.         border: solid 1px #dc8f03;
    & q/ Y6 D1 k# X! T1 c) k5 w
  129.         background: #ffa500;
    3 S& ~6 k. M7 n0 O- q8 o7 p
  130.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);/ g4 S- l+ D3 s' K
  131. }" @+ j$ i- P: B* R( s# `/ b
  132. ) N) \% ^4 Y* ]& _' g4 a, e, `! S
  133. .deng-t {% v9 a/ y0 K1 t# d5 A9 K  X
  134.         font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;
    ' j) ?$ _! I0 T7 }7 @2 h8 J
  135.         font-size: 3.2rem;
    * r0 N" V" X) n  S
  136.         color: #dc8f03;2 @, X! V4 t$ S  p2 ]$ w) Q# r
  137.         font-weight: bold;
    6 W. i! K" u: Y' U3 q: y
  138.         line-height: 85px;5 j# H! q8 l! V9 v1 i1 w
  139.         text-align: center;
    ) [. e' Q! B- t  [; T1 u1 b
  140. }5 j7 x6 }7 {( n, `4 z
  141. 5 s% k( D' ~0 K4 c% q
  142. .night .deng-t,
    " E3 _5 h1 _7 ?' p$ a8 Y5 N
  143. .night .deng-box, - E- Z( a  @1 I! R0 M
  144. .night .deng-box1 {, g/ [+ T, g3 g# ?- F4 _5 |
  145.         background: transparent !important;
    ( w$ f) T# h$ a6 P6 _
  146. }. ?6 y* M! {: s

  147. 8 P# D' G5 K  G; L
  148. @-moz-keyframes swing {+ v: T( q3 Q. z; {! Q* {- y
  149.         0% {: {- \+ b; {0 `; I/ ^: U
  150.                 -moz-transform: rotate(-10deg)
      C4 v  k; D1 Y& V) ]; r
  151.         }
    3 a) I$ `, H0 D" u9 t  _

  152. 0 u2 w5 I( y0 q+ R5 h
  153.         50% {
    ! r- j' i+ Q( x3 E, |: G
  154.                 -moz-transform: rotate(10deg)
    $ U$ ]$ ?# K% r
  155.         }
    9 w5 S. W$ V/ d$ }

  156. . n0 N3 O" ^7 c! q1 F5 [( w- _
  157.         100% {
    5 Z# Q9 j. }4 V
  158.                 -moz-transform: rotate(-10deg)
    5 x, `- V5 M  z0 y3 _; ?  J# P
  159.         }
    5 w% I9 s" _$ K5 ~) U1 i
  160. }5 f4 z+ y7 Q7 e) c) X( P$ P
  161.   E* T" Z+ M. i2 o7 P% B; H# I  N# x
  162. @-webkit-keyframes swing {( z9 T) J" n# r! [. Q2 c
  163.         0% {
    7 e$ G6 N8 {9 Q1 M! g6 A
  164.                 -webkit-transform: rotate(-10deg)6 e  J' i& j( ?- R  U. }- Z' c
  165.         }
    ( _7 j: n4 J& L3 m% y' ?" _; i

  166. , e* y! [5 R" d: Z
  167.         50% {
    - U: m' |; X; m- F
  168.                 -webkit-transform: rotate(10deg)
    , }5 }' F& o1 a/ g& w
  169.         }
    3 U: P7 M$ |' X8 w

  170. + s8 g/ B; f! }8 x) H
  171.         100% {- L3 k- `& U2 @- ~0 C
  172.                 -webkit-transform: rotate(-10deg)/ ]% N5 T+ D3 M8 u
  173.         }  T5 o9 N) }7 T# n% b( W) E
  174. }
    6 j: G0 M$ w' z5 t& G% m
  175. </style>
    & _" F$ }! z2 D  h' m% q3 [* C$ ]
  176. <body>5 _- b) m5 J# G3 }4 O# @
  177. <!-- 灯笼1 -->
    . D, _9 x$ _# s6 Q3 S
  178. <div class="deng-box">' s2 |  k: p; }
  179. <div class="deng">
    " t9 |: f' N& D  n/ W2 A$ F% G2 V
  180. <div class="xian"></div>2 u5 U; `  `+ q7 y' J4 a  a
  181. <div class="deng-a">
    , Y0 [$ Q9 v# l
  182. <div class="deng-b"><div class="deng-t">庆</div></div>0 G. z; b) r4 I$ |5 [9 t! F$ C3 v
  183. </div>! Y( G# j! _, V4 H: M
  184. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    " U$ Z" V, {0 Q* M
  185. </div>
    ' h5 Y  r3 s0 m( ~8 ?$ K
  186. </div>
    2 o* u# i' X4 d9 K! F  t6 I
  187. <!-- 灯笼2 -->3 b0 P+ b$ p- w
  188. <div class="deng-box1">
    - O1 B2 f5 S3 {8 `5 g+ o
  189. <div class="deng">
    + H' a, ?, U" y
  190. <div class="xian"></div>
    $ ?7 P0 n0 {8 n. ^, x
  191. <div class="deng-a">  Q# W# E, d* R4 k/ X
  192. <div class="deng-b"><div class="deng-t">国</div></div>  E$ V; R4 U; z) M2 Z! j/ k- B8 E0 c
  193. </div>6 Z" ^5 V6 b1 I& j4 _4 y; @9 d  ?9 B
  194. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    2 O  c2 D# }9 R3 R" J6 N* C
  195. </div>: P0 u, {+ t7 F  U5 R
  196. </div>
    # f* a! b" }7 a0 o8 N  Z' f
  197. </body>
复制代码
上面是两个灯笼在摇摆(示例：www.5gbbs.top），在右边。现在要加两个在左边。该怎么加代码？
5 Q! g: j" Z: h/ n( U% ]+ d' L& f1 D4 V8 R. z, z
回复

使用道具 举报

cardz! 发表于 2020-9-29 04:10:06 | 显示全部楼层
我Q3160510998
回复

使用道具 举报

59id 发表于 2020-9-29 10:39:27 | 显示全部楼层
为了搞这么个没用的东西  加那么多代码影响网站访问速度  自己又还不会 我觉得你还是算了吧
回复

使用道具 举报

 楼主| cao1987 发表于 2020-10-1 17:50:12 | 显示全部楼层
已经编辑出来了。效果图9 X1 }4 _1 S6 f1 @

! @3 L7 r: ~. k0 ~! M9 D

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-12-11 21:37 , Processed in 0.106960 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表