MyukiGCard是一款链接导航卡片，个人介绍卡片、网页遮罩、或是作为网站的消息弹框等等，原生javript开发。简单地支持语言设置、多种夜间模式、链接按钮种类设置等等。
MyukiGCard
一个简洁美观的个人导航主页、链接卡片
可以是一张名片，个人网址的导航主页、介绍页、或是作为网站的引导页、消息弹框等等。
<linkrel="stylesheet"href="./css/MyukiGCard.css"><scriptsrc="./js/MyukiGCard.js"></script><script>//简单用法//window.MyNavCard=$MGC();//高级用法window.MyNavCard=$MGC({icon:"https://stackblog.cf/img/avatar.jpg",/*icon:可以是头像、网站logo等*/name:"StackDev",/*name:可是是名字、网站名称等*/info:"欢迎使用MyukiGCard",/*info:个性签名、网站口号、信息等，为空或者不设置将不显示默认值:空*/z_index:9999,/*不用解释，默认值为9999*/blur:"#write",/*blur:想要模糊化处理的页面元素，取值可以是.className（类名）、#idName（id属性值）、tagName（标签名）*/lang:"en-US",/*lang:语言设置，目前和关闭按钮的文本有关默认值:zh-CN可选值:zh-CN,zh-TW,en-US如果不提供或者提供的不在可选值内，将使用默认值或者使用html页面的lang属性*/mini:true,/*mini:迷你按钮，用于重新打开MyukiGCard（在页面底部中间位置）默认值:true*/darkmode:2,/*darkmode:夜间模式默认值:1可选值:0、1、2、30:禁用夜间模式1:跟随系统（如果系统支持夜间模式）2:根据时间，下午6时～上午6时打开夜间模式3:常开夜间模式*/maxWidth:"480px",/*maxWidth:MyukiGCard的最大宽度默认值:480px*/fontFamily:"",/*fontFamily:字体，为空或不设置将使用默认字体*/hitokoto:{"enable":true,/*enable:是否启用一言API默认值:false*/"cats":["d","i","k"],/*cats:句子类型，详见：https://developer.hitokoto.cn/sentence/#句子类型-参数默认值:[]a:动画,b:漫画,c:游戏,d:文学,e:原创,f:网络,g:其他,h:影视,i:诗词,j:网易,k:哲学,i:抖机灵*/"offline":"兰博基尼和法拉利能一样吗？分手！",/*offline:一言API请求错误时用于替换的离线语句*/"color":"#70a1ff",/*color:一言语句颜色默认值:#70a1ff*/},/*hitokoto:一言API注:不兼容IE*/links:[{"title":"MyBlog","url":"https://stackblog.cf/","type":"primary","target":"_blank"},{"title":"MyGitHub","url":"https://github.com/Uyukisan",},{"title":"MyukiGCardUsage","url":"https://github.com/Uyukisan/MyukiGCard",}],/*导航链接列表title:链接的标题url:链接地址type:链接按钮的类型，包括：default|primary|secondary|success|danger|waring|info|light|dark|link如果不提供type，默认为dafaulttarget:在何处打开链接，包括：_blank（新窗口）|_self(默认)|_parent(父框架)|_top(整个窗口)|framename(指定的框架)如果不提供target，将使用默认*/});/*方法：close()*/MyNavCard.close();//使用回调函数MyNavCard.close(closeCallBack);functioncloseCallBack(){console.log("关闭回调函数…");}/*方法：open()*/MyNavCard.open();//使用回调函数MyNavCard.open(openCallBack);functionopenCallBack(){console.log("打开回调函数…");}</script>
产品猿社区致力收录更多优质的商业产品，给服务商以及软件采购客户提供更多优质的软件产品，帮助开发者变现来实现多方共赢；
日常运营的过程中我们难免会遇到各种版权纠纷等问题，如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用，您可按照我们投诉流程处理，点我投诉；
本文来自用户发布投稿，不代表产品猿立场 ；若对此文有疑问或内容有严重错误，可联系平台客服反馈；
部分产品是用户投稿，可能本文没有提供官方下下载地址或教程，若您看到的内容没有下载入口，您可以在我们产品园商城搜索看开发者是否有发布商品；若您是开发者，也诚邀您入驻商城平台发布的产品，地址：点我进入；
如若转载，请注明出处：https://www.chanpinyuan.cn/36927.html；
