随笔分类 -  前端小功能

制作一些前端小功能
Frame双向通信插件FrameDataTrans
摘要：FrameDataTrans教程 博客园 乳鸽菌 20220729 核心原理是使用postMessage发送数据,window.addEventListener("message",fun)监听。 插件地址 index.htm // <iframe id="fr" src="child.html"> 阅读全文
posted @ 2022-07-29 16:47 乳鸽菌 阅读(112) 评论(0) 推荐(0)
js实现二维码生成器
摘要：html二维码生成器 使用QRCode.js库，将文本转换为二维码图片，图片以base64格式返回 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>二维码生成器</title> <!-- QRCode 阅读全文
posted @ 2021-04-02 15:40 乳鸽菌 阅读(694) 评论(0) 推荐(0)
css背景半透明，文字不透明
摘要：透明设置 1.rgba 最直接设置半透明背景的方法。 RGBA是代表red-红色、green-绿色、blue-蓝色 和alpha-透明度四个单词的缩写。RGBA颜色值是RGB颜色值的扩展，带有alpha通道规定了对象的透明度。 例子： div{ background:rgba(0,0,0,0.5); 阅读全文
posted @ 2020-09-18 18:39 乳鸽菌 阅读(273) 评论(0) 推荐(0)
纯css3实现旋转的太极图
摘要：效果图 上代码： <body> <div class="div"></div> <style> body { background-color: #aaa; } .div { width: 400px; height: 400px; border-radius: 50%; border: 1px s 阅读全文
posted @ 2019-09-12 12:05 乳鸽菌 阅读(427) 评论(0) 推荐(0)