Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 790|回复: 4

[新需求] 有谁会看代码

[复制链接]
发表于 2020-9-28 22:43:53 | 显示全部楼层 |阅读模式
需求发布
金额范围: 10-50 元
预算金额: 50 元
开始时间:
结束时间:
联系方式: 隐藏内容
  1. <head>
    6 D' C, p3 F8 e0 B( r7 Q1 O% k" a
  2. <style>0 n9 U& {* `5 i1 o! B; b3 A: U
  3. .deng-box {
    1 X1 K3 t! b5 h) ~6 ?
  4.         position: fixed;7 J& }% o5 M9 F" @
  5.         top: -40px;! O$ s. s% H# [9 x# l
  6.         right: -20px;
    : p( V* V4 j/ {2 o8 {8 E
  7.         z-index: 999;+ k  u* N& F. ]3 q
  8. }
    6 I7 p' v/ J7 Q, Z
  9. + w8 P3 _: g+ R- V" u& ^9 V
  10. .deng-box1 {
    - T9 E6 ~! v. p* {0 y) P( \* @
  11.         position: fixed;
    . @9 ?+ ^) Z7 Y- ?( q% S/ [% w9 `
  12.         top: -30px;8 \+ ~. B  ]2 k7 R" w, T
  13.         right: 10px;' G; _* G$ `0 G1 v! x0 r! m( I
  14.         z-index: 999;6 z; _8 v5 p6 Y/ ^- B9 D
  15. }
    ( w. B- A) L& d' I
  16. 5 h+ B. O. X5 y, i4 c2 B6 y. R
  17. .deng-box1 .deng {5 ^6 Y4 N' G* }. p5 N
  18.         position: relative;8 R) y; W6 t4 @) r% d. n& D' m
  19.         width: 120px;
      c; y1 I* F% s& Z7 m: j
  20.         height: 90px;
    " n- O% A; x2 w- ~1 _# f
  21.         margin: 50px;
    8 V& u+ R2 c* ]1 I
  22.         background: #d8000f;; e) N" r# y% ^( O
  23.         background: rgba(216, 0, 15, 0.8);5 o/ t0 E% W  g4 h/ ~
  24.         border-radius: 50% 50%;
    : J; `: b" t9 e/ M! I7 g
  25.         -webkit-transform-origin: 50% -100px;! H4 R, r8 K4 v: K! O! Q' \: T8 v' D2 g
  26.         -webkit-animation: swing 5s infinite ease-in-out;3 J! h7 @6 I7 m% C) e' S& @
  27.         box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    * B$ F% \2 B# y" R3 j
  28. }
    3 D! S- g3 x3 s- C/ `

  29. 7 E! P& v7 X/ P
  30. .deng {
    - P5 o) Q+ [' R* r) F# K
  31.         position: relative;# Y7 s, V- R( J" T! X
  32.         width: 120px;
    % q' s* l' n$ s) I# \
  33.         height: 90px;  Y5 i: I/ }! S- z: b6 a
  34.         margin: 50px;
    3 {- N$ P1 g9 G: `2 _* G
  35.         background: #d8000f;, b* W( u- B& d# |7 I$ H
  36.         background: rgba(216, 0, 15, 0.8);
    9 c  _, ~  @$ o  ^/ H6 o
  37.         border-radius: 50% 50%;3 ^) A. ^) C( _  y6 j
  38.         -webkit-transform-origin: 50% -100px;
    5 l" q7 @! [' Z
  39.         -webkit-animation: swing 3s infinite ease-in-out;' V( g# z- Z5 [5 I
  40.         box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    ' J9 y, z! ^2 M
  41. }; z' T- Z- K/ X

  42. : k2 l5 n: R& p$ K6 ?5 n
  43. .deng-a {
    6 i, B4 C$ d  S3 K" K
  44.         width: 100px;9 R9 `/ r8 l" J- [5 m* \; h& X  u
  45.         height: 90px;
    9 u% h1 x4 V# O
  46.         background: #d8000f;
    ) A( ~2 u% a- {- i
  47.         background: rgba(216, 0, 15, 0.1);4 B/ f9 z) Z, q
  48.         margin: 12px 8px 8px 8px;; r0 ~& ^! J5 g9 w
  49.         border-radius: 50% 50%;
    - R- n0 U% W$ r8 {& r& j; y
  50.         border: 2px solid #dc8f03;
    3 t9 T4 l! X3 e
  51. }3 i: L( T- [* j& ~9 y" H

  52. ( _& k0 I1 I8 P0 F1 O9 S
  53. .deng-b {6 @- x2 X/ i1 Q5 [+ ]0 u! C  k
  54.         width: 45px;
    7 H, Y, ?, \1 w0 D
  55.         height: 90px;
    ' f- C1 X( }- e/ O: U' b1 @
  56.         background: #d8000f;
    6 N( Q: i$ `% s" ]1 k+ U% x9 `: ?
  57.         background: rgba(216, 0, 15, 0.1);
    ' Y6 ?9 }  d# t& [+ P/ u; j
  58.         margin: -4px 8px 8px 26px;
    ( d! s: z' ]! E. X! |
  59.         border-radius: 50% 50%;# R. ]9 d7 u( U1 u: e
  60.         border: 2px solid #dc8f03;- C* |% m' x4 e& t. o+ u& S
  61. }+ q& T/ h$ n! S8 T2 {2 ^
  62. + m2 G0 a5 J: Y4 G2 Q0 f- \
  63. .xian {
    ' l# G1 G. C6 D+ }
  64.         position: absolute;
    9 K! O1 E1 R; o) Q# n" m. a/ |
  65.         top: -20px;3 d$ u+ f# D& H! n, ~
  66.         left: 60px;8 t* ?$ h. E- r6 v5 n8 d& a  ^4 s
  67.         width: 2px;
    , h9 ?1 ]0 U! E/ q0 ~
  68.         height: 20px;* J2 F7 U+ Q  G  P3 }( e9 J+ p% E
  69.         background: #dc8f03;
    $ V. c3 v( H% l3 \- n+ S
  70. }. e( S2 T/ A- P# R/ _6 r3 u3 C6 T

  71. ; j) @4 Y5 I! V8 Q# U  j( G3 G8 U0 w
  72. .shui-a {8 _* |! g& Q. u7 d  _% c$ h, ?
  73.         position: relative;8 J+ F: d9 f+ C! |
  74.         width: 5px;% C, t7 r7 t- U' I/ E/ Z
  75.         height: 20px;
    8 m/ O7 {) Q- }0 x6 ^  D9 `4 {
  76.         margin: -5px 0 0 59px;3 \; w2 B. s6 f1 _
  77.         -webkit-animation: swing 4s infinite ease-in-out;
    & V" x2 D8 D7 S! f% }" {
  78.         -webkit-transform-origin: 50% -45px;
      `6 y& v# u# Q. E  z. G5 s
  79.         background: #ffa500;, [$ v  c% c( \
  80.         border-radius: 0 0 5px 5px;( n3 P5 s* o6 Y
  81. }
    9 {  g+ ~$ p( B; p- _( E- _) a

  82. & ], M# n' ?+ }
  83. .shui-b {
    3 q( w5 E0 g& p+ C
  84.         position: absolute;
    9 q% T7 g# Y! E* a
  85.         top: 14px;' ^, ^  c: ^' N& l! Y1 Q  I
  86.         left: -2px;
    * X! A; e& Z7 d9 E" n8 W2 F
  87.         width: 10px;2 K9 u& I* f: `4 M2 u
  88.         height: 10px;1 B& Q: C) O1 G% B0 F
  89.         background: #dc8f03;
    3 r" w1 Q5 c  T( y# i! f5 f# b" b
  90.         border-radius: 50%;
    . Q0 m3 h- }& H+ i- j6 I
  91. }
    & E/ u* a+ q( M' v9 _; ~
  92.   k+ L2 H* y/ |* _
  93. .shui-c {; Z2 V7 H  o( q' t' t
  94.         position: absolute;
    ; b& ^. |1 e7 I1 W. {8 x
  95.         top: 18px;& P% g' m* v6 g) p0 l9 R
  96.         left: -2px;' U/ \# G- |3 ]
  97.         width: 10px;
    * x+ [% E; g7 H0 l
  98.         height: 35px;
    7 w7 R6 a3 K+ f& h8 s' x" G
  99.         background: #ffa500;
    8 D: Q' S' N) G  b4 k# Y
  100.         border-radius: 0 0 0 5px;- r; H6 V( M+ t9 Z) D
  101. }. T/ }2 S* A! h$ e* ?
  102. ) z" {6 Y/ s7 n# ]7 j! y
  103. .deng:before {
    % A% u' I  O* ]7 W
  104.         position: absolute;5 T: U% \  D* m* i1 l! x3 K
  105.         top: -7px;8 Q, @1 W7 u% k( }; s5 I, p
  106.         left: 29px;* ^- F1 I3 c, `8 X) E# W
  107.         height: 12px;
    . o4 c* p% `9 n; N2 N
  108.         width: 60px;
    # k  i3 q( a2 B1 t: I5 m$ S. |
  109.         content: " ";6 B# u& B7 @) Z% ]. G
  110.         display: block;# h' ]; f0 M- i
  111.         z-index: 999;& T; ~0 L6 c' k& ]4 }! k& n
  112.         border-radius: 5px 5px 0 0;$ u& A* U! t; O3 m# V) Z; U
  113.         border: solid 1px #dc8f03;( f# F8 H& E$ h3 E$ X( f  [
  114.         background: #ffa500;6 i) p' l$ `" Y$ Y0 v4 F5 V/ q
  115.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    ! b  d# N. Y. S* `) h& c8 s
  116. }; g# x1 l  k! {( d0 a) Z# Z
  117. 1 x- _7 N8 c7 o5 E3 n
  118. .deng:after {
    ; g; p- f2 d6 l, Z) c' s" b! d
  119.         position: absolute;" z( \& w# g3 P& g5 H
  120.         bottom: -7px;
    4 I1 n* H1 w( j
  121.         left: 10px;
    2 ^$ G7 J' K' \. f# c
  122.         height: 12px;! c5 S8 X. R4 {" v2 T# [
  123.         width: 60px;
    * i& p' O1 F4 x- q
  124.         content: " ";
    6 w8 p! S4 p1 P/ H' ^
  125.         display: block;
    1 m0 G8 d" p( V+ \
  126.         margin-left: 20px;- W, a) G3 z7 I6 V, r6 E
  127.         border-radius: 0 0 5px 5px;" v9 d) R' ?0 m) O5 }
  128.         border: solid 1px #dc8f03;
    9 N8 }* K" A& ^  T) D$ j; f$ q
  129.         background: #ffa500;( }# [& N9 o2 O' D+ K4 |: @
  130.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    & o# m" g( \; m% W* v' U; j
  131. }, T6 P7 r& I1 _* l  X

  132. , I% ~' ~  [* y% w- l3 a$ u
  133. .deng-t {- C! [; r7 k  \! Z8 T8 [, g" l3 @
  134.         font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;
    5 w% J5 T# C! w9 J4 C
  135.         font-size: 3.2rem;
    $ a. f  ?& i9 v: W- J* q
  136.         color: #dc8f03;
    $ R" B' Q  R2 B% P- Q
  137.         font-weight: bold;5 y- t, K* a/ ^
  138.         line-height: 85px;$ Z) s" Z/ D9 j( {& C" O9 [& ?
  139.         text-align: center;
    " D. r2 g5 i) P
  140. }/ B- c( m7 z) L  d! d* F
  141. 3 ^- T! A7 B9 P! _
  142. .night .deng-t,
    ' q0 `6 ?2 b  w( u) a
  143. .night .deng-box, , j0 W" O4 y6 ^8 L% _
  144. .night .deng-box1 {
    8 I( g1 }, U! S, k( Q
  145.         background: transparent !important;
    # V+ |- a$ u( Q( J
  146. }6 J& S4 j+ J! E. X3 K5 k* h
  147. % G/ ]! a3 P* x9 j
  148. @-moz-keyframes swing {
    - E) K, n; t' v# V0 B% I# X' @' ]9 ]
  149.         0% {
    - s3 Y- A0 \! r4 Y3 T/ \
  150.                 -moz-transform: rotate(-10deg)3 Z9 V9 j: U) ]0 p( E3 `7 f
  151.         }5 g$ ^" W# z2 S8 _6 ]- D1 N& L
  152. ( F: ^' k# W* G7 ]- I# Y& h
  153.         50% {* G" a4 l# P  o4 k! y3 G' h
  154.                 -moz-transform: rotate(10deg)
    ' |2 }8 \( J/ X7 |  e* c% H9 ?9 Y
  155.         }9 W2 N4 _$ X* s; ~4 H1 Q
  156. ! ~1 K4 k4 y. r9 H( P) d: v- D6 Q
  157.         100% {
    $ p: L5 `( o0 f
  158.                 -moz-transform: rotate(-10deg)
    * q4 d$ y2 V) _/ {
  159.         }
    " ^, o, T5 O6 n2 H
  160. }
    + M/ D7 E- Z3 W7 U- K, r
  161. 4 x0 x" b7 V1 I3 E6 H& U
  162. @-webkit-keyframes swing {# m# C% P0 B3 @6 g) o+ n8 U) @* M
  163.         0% {2 R6 D6 _! @  ?* o
  164.                 -webkit-transform: rotate(-10deg)* Z3 Z- T7 \" m: G% h  J  w0 q! b
  165.         }
    % B) v3 N6 R- p. d1 i

  166. # G- y- H8 c3 W% j6 p
  167.         50% {/ o; m) h3 a1 k" o: ^
  168.                 -webkit-transform: rotate(10deg)
    " n$ Z( K* V! C  V
  169.         }& c! T! v  u. ?( L9 n2 n0 \

  170. / Z2 [  p* ^% R% P4 ^
  171.         100% {" f- a9 x. L8 ]# p
  172.                 -webkit-transform: rotate(-10deg)" O1 q' L: j3 Y  D: v5 X/ i
  173.         }4 w$ ~% p% u8 K. \8 @
  174. }0 Q0 F7 x! [* E. s, L" z
  175. </style>
    5 O0 P3 Q) b+ T0 Q  d
  176. <body>
    6 i  Q1 v$ y2 N: E4 H! |
  177. <!-- 灯笼1 -->
    ! ^" Q, g/ a1 k; O, u: E' ^
  178. <div class="deng-box">8 v2 _! x# }2 ?2 y* Z9 l
  179. <div class="deng">
    # @+ g( f3 S3 u0 S
  180. <div class="xian"></div>
    2 G& S# h& H4 l& Y2 q# O9 q0 E0 B+ _
  181. <div class="deng-a">
    & Y% L; ]4 \; L. S4 I
  182. <div class="deng-b"><div class="deng-t">庆</div></div>3 S; V& W/ ]# r0 Z& J" e7 F4 Q& N
  183. </div>
    - F2 p- r+ l& D
  184. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>2 |" v: u& |6 y7 z
  185. </div>
    % P% h  o' ?5 J' `7 D/ a. g+ i
  186. </div>
    4 J6 L9 @! F; p& ]/ T. W8 s. @* L
  187. <!-- 灯笼2 -->
    7 l+ S6 w. u$ G. V3 w
  188. <div class="deng-box1">
    1 l% R' }$ }$ y( G9 E
  189. <div class="deng">
    ) E  M$ _: C6 ?. U
  190. <div class="xian"></div>
      j6 Y$ }4 _; A( ?/ E+ v
  191. <div class="deng-a">+ d9 B% L$ S# W& D
  192. <div class="deng-b"><div class="deng-t">国</div></div>& t& i* L) k% P3 w6 O
  193. </div>
    2 m) S. c+ z! H! q4 X, E
  194. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>  s; [. s# U- h: [/ K
  195. </div>
      C. U$ r& z, t; z2 U
  196. </div>
    ' ]6 i1 G+ Z% e, _  S# W1 ]
  197. </body>
复制代码
上面是两个灯笼在摇摆(示例:www.5gbbs.top),在右边。现在要加两个在左边。该怎么加代码?
' I& X7 y# j' b1 [; ~, ?9 O- Y+ V, \5 X" i$ Q5 U' l
发表于 2020-9-29 04:10:06 | 显示全部楼层
我Q3160510998
回复

使用道具 举报

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

使用道具 举报

 楼主| 发表于 2020-10-1 17:50:12 | 显示全部楼层
已经编辑出来了。效果图
/ L- J! y; q1 ~$ v4 a1 M& x# N, P: d3 x

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

腾讯云「工商注册服务」全新上线!全场低至10元起,一站搞定工商服务,让创业起步更轻松

小黑屋|Discuz! 官方站 ( 粤B2-20090059-165 )star

GMT+8, 2020-10-26 06:06

Powered by Discuz! X3.3

Copyright © 2001-2019 Tencent Cloud.

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