我转过几个弯 绕过那个小雨楼
拿着蒲扇摆着衣衫渡着紧箍咒
不问天涯不停留 喝过几壶酒
不过年少白头道义放胸口
倘若明天之后 遥看前尘剑封侯
似那天上神仙无所求
朝朝暮暮君如梦醒十分不为何理由
是真是假是惶恐是无休
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
又过了几个弯 算尽天量道莫慌
踏这田园闻这芳草香
跌跌撞撞仗剑天涯折煞不枉无笔良
是梦是幻是温柔是家乡
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
路过这风雨花满楼 片刻都不停留
我本这书生进京赶考留下许多愁
你问有没有时候 我叹这天道默悠悠
能否与我一醉方休
谁能与我一醉方休
网页灯笼
最近看群友搞了个灯笼效果,加上接近新年,所以我也来搞一个,在原来的基础上,我改用一个js文件搞定,省的总是粘贴html,css,太麻烦了。
效果图
文件说明
- 源码文件夹里是源码,有修改需求可以改动这个文件
- 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-text | string | 默认:新年;两个字,不要多,不要少,非必填 |
right-text | string | 默认:快乐;两个字,不要多,不要少,非必填 |
mobile | string | 是一个px的值,例:450px;表示在450px及以下分辨率,灯笼将不显示,非必填 |
append | string | id选择器,表示插入的位置,默认是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
评论(0)