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

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

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

[新需求] 有谁会看代码

[复制链接]
cao1987 发表于 2020-9-28 22:43:53 | 显示全部楼层 |阅读模式
需求发布
金额范围: 10-50 元
预算金额: 50 元
开始时间:
结束时间:
联系方式: 隐藏内容
  1. <head>- L5 i' E9 g* s$ h) n2 A
  2. <style>
    " l  P2 W: E/ G- R& ~3 U
  3. .deng-box {$ o5 L) I) J- A, c/ E, O
  4.         position: fixed;
    - s( F6 U$ z! A: Z
  5.         top: -40px;) a) ?- p, M$ V* e
  6.         right: -20px;
    7 `+ P+ a5 j( i) K" J& j# y  d
  7.         z-index: 999;0 v* \6 n1 q6 X, x  [
  8. }: o/ E# D& [1 r% q
  9. , B2 N3 ^$ q; I: n+ T7 W
  10. .deng-box1 {1 J/ ~$ I+ B# C
  11.         position: fixed;
    ) H) R& d: E0 ?7 @, b
  12.         top: -30px;
    ) a+ h; Y/ M5 ]7 U3 u# q8 }( ~
  13.         right: 10px;- r1 j0 g6 [/ E2 I& x: Q
  14.         z-index: 999;
    4 i4 N7 l: X% \2 n8 z: H6 W$ D
  15. }; R" y$ N, B/ i% C  |. I& e5 }
  16. 1 u2 P( u/ U+ f5 a. U6 z+ l2 U+ o; z
  17. .deng-box1 .deng {
    5 L( p' Y- ]5 D6 R
  18.         position: relative;
    9 y& w2 x# v. {
  19.         width: 120px;% s( B2 ]) {0 d
  20.         height: 90px;
      X6 Q& f! {( s/ b% G
  21.         margin: 50px;4 q2 k+ H- L; M5 y
  22.         background: #d8000f;& D/ N9 V, U5 `$ l8 b* ]" [
  23.         background: rgba(216, 0, 15, 0.8);/ o2 G9 G! r5 s+ q, M; C( g
  24.         border-radius: 50% 50%;2 l, e! v  t# H& f3 T  u
  25.         -webkit-transform-origin: 50% -100px;# B, u: L, p& u( e8 C" N$ O
  26.         -webkit-animation: swing 5s infinite ease-in-out;
    7 h' Y% l' Z( D7 Y. D
  27.         box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
    9 f# o( O& A) G$ {
  28. }
    ) W& |, F8 y4 }3 x9 l) b0 D/ C

  29. ' g, h# }; d4 q* T; D
  30. .deng {8 T& g0 B5 K' |6 z$ |+ V& ]  d
  31.         position: relative;9 Q. b5 Y; n4 X8 C
  32.         width: 120px;
      g- f) ?# I0 y
  33.         height: 90px;
    9 E3 k& H% b; x
  34.         margin: 50px;% ~% J3 D( n$ f5 b" w6 F
  35.         background: #d8000f;! B& Z3 ]# h7 B- u0 @+ w  N
  36.         background: rgba(216, 0, 15, 0.8);
    # n4 P6 N4 V! [1 n5 t# |
  37.         border-radius: 50% 50%;
    8 V$ F$ M, }& \1 z% P9 X* n
  38.         -webkit-transform-origin: 50% -100px;
    - H) y; _: m% O. j8 u' F. c
  39.         -webkit-animation: swing 3s infinite ease-in-out;
    ' K1 K8 J$ V# I+ x+ z% x% I
  40.         box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
    ( d0 B+ t. Y- Q
  41. }9 B2 p$ k# P4 R" y
  42. ' H# Y9 T5 ]6 N* [  V- ^! N
  43. .deng-a {
    6 u2 O& S. `& E/ k7 V( a+ z8 K, _. c
  44.         width: 100px;
    ! A. q! R" _3 C' l8 c" K/ C" I: g& P
  45.         height: 90px;
    ' B% G* {. |# C9 D
  46.         background: #d8000f;
    * M( F. P$ S! X  T9 F. c  o
  47.         background: rgba(216, 0, 15, 0.1);
    " w6 m8 [6 i, P! u5 K5 {( x
  48.         margin: 12px 8px 8px 8px;2 ~/ V. L( d2 b2 |$ ?; [' X! g
  49.         border-radius: 50% 50%;8 L, a& ~; q0 x1 U
  50.         border: 2px solid #dc8f03;
    # y+ h5 A8 `3 B4 u
  51. }9 E8 \2 t* @4 l7 g0 Z# P9 X
  52. 6 u/ g, C: X6 }3 R. t
  53. .deng-b {) m1 E0 P0 J7 d1 ?# |
  54.         width: 45px;
    + m* L8 ?% g6 A& B! y
  55.         height: 90px;
    9 s! [2 u5 U7 r+ P
  56.         background: #d8000f;
    ' M, E" _" H: [0 ?  s4 E$ d
  57.         background: rgba(216, 0, 15, 0.1);) U3 ~8 p2 B2 F
  58.         margin: -4px 8px 8px 26px;
    $ R* A$ r! {4 }& H
  59.         border-radius: 50% 50%;
    * s. X1 B! r3 ]# U- D8 a  @
  60.         border: 2px solid #dc8f03;* }9 f, U8 N, y4 E3 D2 [* j" g
  61. }/ W8 B* u/ }! K+ ^  c; {8 C2 b" g5 R
  62. 4 U5 u' A5 [% z' @
  63. .xian {+ a. M& L; v% I0 ^- y3 R, n
  64.         position: absolute;
    # z/ d+ D6 W4 s& q$ L1 X
  65.         top: -20px;
    ( r5 G+ h( W2 D3 ^9 F" k
  66.         left: 60px;
    $ ~  O" l, j3 `
  67.         width: 2px;
    , a9 y6 w- I! d5 u& U( }
  68.         height: 20px;+ j2 B  I0 T5 v5 V8 V
  69.         background: #dc8f03;0 e3 v# a" z, I: v8 H
  70. }' m! ]  p( S* d4 }; `$ @
  71. 5 ?0 a- ]% T, ?7 m7 T9 ~* u& r
  72. .shui-a {
    ( i! t" q: `$ L8 i6 A
  73.         position: relative;
    8 N5 g7 |% ^$ u; _( I5 T
  74.         width: 5px;
      o9 Z( \0 |/ W: M5 G0 S) ^
  75.         height: 20px;0 i+ I3 |: z, \& k# q/ z
  76.         margin: -5px 0 0 59px;
    ! \- h5 X$ L3 P+ y4 f
  77.         -webkit-animation: swing 4s infinite ease-in-out;& I. U" W( M! C$ ?" K1 R$ S" R
  78.         -webkit-transform-origin: 50% -45px;! h5 H  y8 e: `
  79.         background: #ffa500;6 E. ]4 o( a2 ^1 H4 I% v/ ~2 e0 A5 j* ?
  80.         border-radius: 0 0 5px 5px;
    3 v. \. e5 {' s' f; F, h# ?7 k6 e) L
  81. }7 H# n8 P9 G: q1 z5 g$ i

  82. # ~6 Q# T; O# t
  83. .shui-b {; L* g. M) T; T7 }2 \) o; N
  84.         position: absolute;" _; M+ J5 j: g
  85.         top: 14px;
    8 p; a# {8 m) A$ Z
  86.         left: -2px;
    4 I& W$ f' L" F7 e* y( r
  87.         width: 10px;* @- q. O8 {* n; `8 o/ {
  88.         height: 10px;. A! j& {. d+ v; B- W! r
  89.         background: #dc8f03;6 W' _7 A, i& A! h( `8 w8 P
  90.         border-radius: 50%;9 ^" z, Y4 |, n5 q& t# N# I
  91. }
    2 E& k$ A  j% Q) |) ]

  92. / s( L9 Q# G  C. ]. ~3 m$ p
  93. .shui-c {5 ?( s6 D( H/ k/ p, N
  94.         position: absolute;
    # B& G! z2 Q8 m& l
  95.         top: 18px;
    & A) G, L6 B. b5 x: }
  96.         left: -2px;
    ' C3 t4 [3 |. U/ s. g+ L1 o* A
  97.         width: 10px;7 m6 g  x$ G6 `. I
  98.         height: 35px;
    2 c) p1 v& i. x% v8 @
  99.         background: #ffa500;: V4 g4 g" c. H: |# J5 A+ V: E
  100.         border-radius: 0 0 0 5px;/ Q7 K7 y8 d6 J! T+ h; i. F
  101. }
    + D# c9 k/ Q; e

  102. ( D) F* W! X( D# ]' O
  103. .deng:before {
    ( ]- K4 }- M, I) Z8 X, F  t3 r
  104.         position: absolute;, S# R' u" c8 X; C: n) X# V
  105.         top: -7px;
      j7 j5 J/ w) P
  106.         left: 29px;2 e1 i# O. o4 O2 j1 d
  107.         height: 12px;! U. w1 y2 l! v* C) K& \
  108.         width: 60px;" a6 \8 J2 a1 R8 E- `+ V
  109.         content: " ";: S% Q; ?, s' K, Q8 w
  110.         display: block;
    9 U' j0 h6 l! T1 v: p2 h
  111.         z-index: 999;, _$ ^% \& C) O' s+ w; w! x
  112.         border-radius: 5px 5px 0 0;
    , p9 r2 V* l- `  K. R
  113.         border: solid 1px #dc8f03;
    ( ?( o  P5 ~+ M, i4 E0 q/ h) J: ~5 N
  114.         background: #ffa500;/ E4 J  D7 {  N) Z' w$ D% j5 w6 P
  115.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    . T  B9 t/ `- x$ i' j. O3 Q
  116. }5 g: Y6 t7 g2 O1 |8 q4 I$ A
  117. ; p0 U/ f7 L6 {& v
  118. .deng:after {
    * d! _7 Q: l2 h, ^- d0 {: B
  119.         position: absolute;3 M" Q! g( _6 E2 C; W7 P5 U# j+ a
  120.         bottom: -7px;
    6 x2 p$ A! U. Z& _9 H
  121.         left: 10px;; Q: U1 P6 h" N9 i; j8 |4 z5 s
  122.         height: 12px;
    & c% ]' t5 o( Y% U5 ?# m- ^
  123.         width: 60px;' `) O2 o+ N4 i% `- N
  124.         content: " ";3 s, I) g% ~7 o3 r
  125.         display: block;  T( L2 A3 h& e& s6 f
  126.         margin-left: 20px;# _1 W# v& x. M7 A5 o+ [2 ]
  127.         border-radius: 0 0 5px 5px;7 {# c. t6 F" O$ g
  128.         border: solid 1px #dc8f03;' Q7 c  B  P- R5 a% y) O
  129.         background: #ffa500;; I" l7 w9 q! j5 S/ J
  130.         background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
    " h; Z3 W0 f! K
  131. }  Q- b; A6 ~1 F) |
  132. $ _+ X5 v7 ~* @, @2 V! y) d
  133. .deng-t {! H2 z& L& N3 s
  134.         font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;1 v$ v9 N# k4 S8 |
  135.         font-size: 3.2rem;
    0 F+ N( _1 c! ?# A5 ~3 s
  136.         color: #dc8f03;* l& y# V0 L9 b2 l
  137.         font-weight: bold;  O! G( r6 e$ L1 _( G
  138.         line-height: 85px;" b6 l: }$ R: C8 [  n+ L
  139.         text-align: center;
    9 h% z1 U) D. Z9 k* K
  140. }
    1 h& l% W; V8 o+ f/ n- V
  141. - }5 c, S, Y4 W0 u) D$ N
  142. .night .deng-t, * Q# L- G- C' r6 N
  143. .night .deng-box,
    + |2 y/ m2 [3 C3 H% E* M
  144. .night .deng-box1 {" c9 M; L. K4 ?9 p, r- U
  145.         background: transparent !important;
    ( n+ k. x$ `# y# W
  146. }
    ) ?9 X7 Y* q5 k: k: K9 T# K( w
  147. - u9 \9 x3 Y: t; C6 C, m
  148. @-moz-keyframes swing {
    2 U6 |" r& S6 y9 o
  149.         0% {  A# G6 O' A- ]; }/ ]
  150.                 -moz-transform: rotate(-10deg)
    + ?9 e5 `" L/ x* C
  151.         }
    ( A' A& D6 s2 g3 e2 T0 D: s$ n( E

  152. % P  d+ i( F* [4 U
  153.         50% {
    0 Z9 T9 n2 {! X0 S5 `
  154.                 -moz-transform: rotate(10deg)' v& T! i- S3 w. S* ^
  155.         }
    : m/ M+ r8 Z- K4 F- t0 s+ O

  156.   O8 K/ M) p2 Y# }7 y  J
  157.         100% {# h8 l1 o; ^! L, X# Q
  158.                 -moz-transform: rotate(-10deg)
    * E9 Z8 R& H$ ?# O7 J) Y9 i
  159.         }
    8 [9 |* S1 z/ W4 v1 b# a5 _7 v6 C7 l
  160. }
    / d( y+ P$ L& w" A! y% i5 T2 w

  161. 8 [4 q- z3 j2 A, I; A1 c1 R
  162. @-webkit-keyframes swing {' @0 h* t# F$ G+ Z7 p
  163.         0% {5 j4 L5 j5 Y6 J( ^4 m
  164.                 -webkit-transform: rotate(-10deg)
    , S1 g% O3 O* {" S
  165.         }
    & }1 k4 d1 x" Z4 w5 [0 E0 h! c
  166. 5 U% O" x- o' k  ?, s  x
  167.         50% {
    ) l3 z- q$ s+ k5 R
  168.                 -webkit-transform: rotate(10deg)
    ! ]* U7 Q) |- F6 L6 N/ X1 I9 l
  169.         }7 M4 w7 z. m) `- F3 |$ Q7 |. F/ |3 {
  170. % b4 C; n5 o7 @" |5 ^) s
  171.         100% {! {  ^6 {! g& O5 {+ g" F1 f2 J
  172.                 -webkit-transform: rotate(-10deg)
      M, d" r; U# j# r- Q* N
  173.         }0 k% u: t' C& Y) E8 C+ `' N
  174. }2 y) }1 l  e' D% e3 S
  175. </style>. t5 }2 l! Z8 T: ^" {
  176. <body>  D0 F$ K. f/ ?
  177. <!-- 灯笼1 -->
      [9 c4 j! b+ l" Y- I
  178. <div class="deng-box">
    5 |) {( Y! x4 o( ?6 d
  179. <div class="deng">* e8 F3 Q. X6 R5 y% @
  180. <div class="xian"></div>* x- d% P8 E2 i( T% I! J
  181. <div class="deng-a">
    6 H" c( S6 M3 {! V1 f
  182. <div class="deng-b"><div class="deng-t">庆</div></div>4 J* r7 X* y- H3 N# i
  183. </div>
    8 I* n- A+ o: W6 @
  184. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    " v. m8 i: I3 _4 s/ R$ o
  185. </div>. Z" W+ g0 k% v; I" |* q+ }3 [
  186. </div>
    + h# g& u' N  u( U( X0 y
  187. <!-- 灯笼2 -->
      @" P/ `# t7 \5 W
  188. <div class="deng-box1">$ o$ `2 _: s) y* R+ {5 r4 T& c
  189. <div class="deng"># j1 O3 A# w5 Z
  190. <div class="xian"></div>
    % f  c$ K) L; W) S1 m. G9 {
  191. <div class="deng-a">
    3 n% Y# k2 Y+ c
  192. <div class="deng-b"><div class="deng-t">国</div></div>8 L5 ]6 u1 T# M. X: x
  193. </div>
    9 ]# r7 t' G) \1 J
  194. <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    1 @( i4 F  m; `; d5 s2 ?
  195. </div>
    + g! L8 u# x0 `7 s/ V
  196. </div>" W0 [  L" k* T- l! U0 ]
  197. </body>
复制代码
上面是两个灯笼在摇摆(示例：www.5gbbs.top），在右边。现在要加两个在左边。该怎么加代码？
. r4 B8 O* I$ U- f7 H2 f( Y( K. y
回复

使用道具 举报

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

使用道具 举报

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

使用道具 举报

 楼主| cao1987 发表于 2020-10-1 17:50:12 | 显示全部楼层
已经编辑出来了。效果图, g3 _1 c+ g( o5 N# ^' A. M

  R1 k% u( O$ w/ P8 Y; |

本帖子中包含更多资源

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

x
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2025-9-17 16:51 , Processed in 0.138432 second(s), 17 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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