为你的网站增加石蒜模拟器 复制粘贴代码就行 快来试试吧

来自Github上的石蒜模拟器网页小组件 🎉 直接引用现成脚本为你的网站或者纯HTML网页添加石蒜模拟器。

具体效果可以刷新蓝点网看看网页右侧,有前端开发能力的用户建议直接看Github可以根据需要进行自定义。

蓝点网这里引入的是现成模块只需要放到网页中即可,无论是WordPress还是其他博客系统都可以轻松添加。

效果是这个样子的:

注:由于下面是录制的动态图所以牺牲了帧率导致比较卡顿,建议用户点击蓝点网右侧石蒜模拟器进行体验。

为避免干扰后续蓝点网会删除这个小组件,需要体验可以进入原作者网站: https://sakana.dsrkafuu.net/

[教程] 为你的网站增加石蒜模拟器 复制粘贴代码就行 快来试试吧

引入方法:

  1. #复制下面这段代码粘贴到网页中即可
  2. #如果是WordPress等博客系统可以在主题中找到页脚设置等,切换到HTML模式粘贴即可
  3. <div id="left_layer" style="position:fixed; top:350px; right:30px;">
  4.   <div id="sakana-widget"></div>
  5.   <script>
  6.     function initSakanaWidget() {
  7.       new SakanaWidget().mount('#sakana-widget');
  8.     }
  9.   </script>
  10.   <script
  11.     async
  12.     onload="initSakanaWidget()"
  13.     src="https://cdn.jsdelivr.net/npm/sakana-widget@2.2.2/lib/sakana.min.js"
  14.   ></script>
  15. </div>

版权声明:
作者:QQTOM
链接:http://www.qqtom.cn/455/weinidewangzhanzengjiashisuanmoniqi-fuzhizhantiedaimajiuxing-kuailaishishiba.html
来源:qqtom
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码