木灵鱼儿
阅读:2509
最后更新:2021/01/10/ 18:51:43
网页灯笼
最近看群友搞了个灯笼效果,加上接近新年,所以我也来搞一个,在原来的基础上,我改用一个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地址
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
github重新设置ssh rsa key
前言最近遇到这么一个问题,我之前在搞ssh远程的时候,把之前生成的rsa令牌全给删除了,这就导致之前在github上绑定的key无法继续使用了,我无法再推送数据到github仓库了。解决办法就是重新生成一个令牌并绑定,期间还需要在首次的时候使用命令拉取一下,并输入yes才行。教程生成rsassh-keygen -t ed25519 -C "your_email@example.com"照着官方的教程就行了,此时window用户,他会在:本地c盘 -> 用户 -> 你的用户名 -> .ssh目录下,生成名为ed25519的令牌,它有两个文件:id_ed...
