分类： 建站之旅

网站添加石蒜模拟器

项目地址：https://github.com/dsrkafuu/sakana-widget/blob/main/README.zh.md

推荐直接用修改页脚代码footer的方式，为了方便这里以使用wordpress的插件WPCode – Insert Headers, Footers, and Code Snippets为例。

先安装好并启用插件后找到控制面板左侧菜单：Code Snippets >> Header & Footer >> Footer （最下面）。

输入代码：

<div id="left_layer" style="position:fixed; bottom:50px; right:0px;">
  <div id="sakana-widget"></div>
  <script>
    function initSakanaWidget() {
      new SakanaWidget().mount('#sakana-widget');
    }
  </script>
  <script
    async
    onload="initSakanaWidget()"
    src="https://cdn.jsdelivr.net/npm/sakana-widget@2.2.2/lib/sakana.min.js"
  ></script>
</div>

“position:fixed; bottom:50px; right:0px;”这段是定义的石蒜的位置——
bottom的意思是距离底部，可换为top；
right的意思是距离右边，可换为left。

马上添加来看看效果吧~~~~(>_<)~~~~

给WordPress、Typecho、Emlog等博客网站添加鼠标点击文字特效

转载，原文链接：https://www.moerats.com/archives/373/

将代码放在主题的footer.php中的</body>之前即可。

<script type="text/javascript"> 
/* 鼠标特效 */
var a_idx = 0; 
jQuery(document).ready(function($) { 
    $("body").click(function(e) { 
        var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); 
        var $i = $("<span/>").text(a[a_idx]); 
        a_idx = (a_idx + 1) % a.length; 
        var x = e.pageX, 
        y = e.pageY; 
        $i.css({ 
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 
            "top": y - 20, 
            "left": x, 
            "position": "absolute", 
            "font-weight": "bold", 
            "color": "#ff6651" 
        }); 
        $("body").append($i); 
        $i.animate({ 
            "top": y - 180, 
            "opacity": 0 
        }, 
        1500, 
        function() { 
            $i.remove(); 
        }); 
    }); 
}); 
</script>

特效字体可以自行设置。

退出移动版