• 我转过几个弯 绕过那个小雨楼
  • 拿着蒲扇摆着衣衫渡着紧箍咒
  • 不问天涯不停留 喝过几壶酒
  • 不过年少白头道义放胸口
  • 倘若明天之后 遥看前尘剑封侯
  • 似那天上神仙无所求
  • 朝朝暮暮君如梦醒十分不为何理由
  • 是真是假是惶恐是无休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 又过了几个弯 算尽天量道莫慌
  • 踏这田园闻这芳草香
  • 跌跌撞撞仗剑天涯折煞不枉无笔良
  • 是梦是幻是温柔是家乡
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 谁能与我一醉方休

网页灯笼

最近看群友搞了个灯笼效果,加上接近新年,所以我也来搞一个,在原来的基础上,我改用一个js文件搞定,省的总是粘贴html,css,太麻烦了。

效果图

s1pwzq.jpg

文件说明

  1. 源码文件夹里是源码,有修改需求可以改动这个文件
  2. es5里面是已经babel转换好的文件,其中有一个压缩和未压缩的,看自己需要引入任意一个文件即可。

使用说明

我们需要在</body>的前面,添加这段代码

<script id="denglong" type="text/javascript" src="https://cdn.jsdelivr.net/gh/mulingyuer/web-denglong/es5%E7%89%88%E6%9C%AC/denglong-min.js"></script>

src的地址,可以是本地的,或者是这个cdn地址。

属性

script 有一些属性设置

属性名值(类型)说明
id“denglong”string,必须为这个值,元素的id
left-textstring默认:新年;两个字,不要多,不要少,非必填
right-textstring默认:快乐;两个字,不要多,不要少,非必填
mobilestring是一个px的值,例:450px;表示在450px及以下分辨率,灯笼将不显示,非必填
appendstringid选择器,表示插入的位置,默认是body尾部插入,如果要自定义插入位置,可以设置这个属性,例:#footer;非必填

完整例子:

<script id="denglong" type="text/javascript" src="https://cdn.jsdelivr.net/gh/mulingyuer/web-denglong/es5%E7%89%88%E6%9C%AC/denglong-min.js" left-text="新年" right-text="快乐" mobile="450px" append="#footer"></script>

祝你使用愉快!

github地址

网页灯笼

1
  • 本文分类:我的Github源码
  • 本文标签:github源码网页特效网页灯笼灯笼
  • 流行热度:已超过 187 人围观了本文
  • 最后更新:2021年01月10日 - 18时51分43秒
  • 发布日期:2021年01月10日 - 18时51分43秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
微信收款码
微信收款码