hexo中添加人体时间

这是一个日本人做的类似于flash插件他用人体的各种姿势来表示时间,可以访问作者博客链接因为是flash插件所以必须装有flash插件才能进行使用,而一般手机端是没有flash插件的所以手机端是不能使用。不过PC端就足够了,毕竟在移动端使用对性能有一定的影响。
废话不多说实现后效果如下:

插入的方法有两种:

方法一

直接引入以下JS将其插入到自己需要放的地方即可

代码实现:
透明背景

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

代码实现:
白色背景(这个可以套个div把背景改成自己喜欢的颜色)

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

方法二

Hexo\themes\你的主题\source\js下任意创建一个honehone_clock_tr.js文件将以下代码复制进去

/******************************************************************************
    初期設定
******************************************************************************/
var swfUrl = "http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf";

var swfTitle = "honehoneclock";

// 実行
LoadBlogParts();

/******************************************************************************
    入力        なし
    出力        document.writeによるHTML出力
******************************************************************************/
function LoadBlogParts(){
    var sUrl = swfUrl;

    var sHtml = "";
    sHtml += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height="70" id="' + swfTitle + '" align="middle">';
    sHtml += '<param name="allowScriptAccess" value="always" />';
    sHtml += '<param name="movie" value="' + sUrl + '" />';
    sHtml += '<param name="quality" value="high" />';
    sHtml += '<param name="bgcolor" value="#ffffff" />';
    sHtml += '<param name="wmode" value="transparent" />';
    sHtml += '<embed wmode="transparent" src="' + sUrl + '" quality="high" bgcolor="#ffffff" width="160" height="70" name="' + swfTitle + '" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
    sHtml += '</object>';

    document.write(sHtml);
}

最后将以下代码插入到需要插入的地方即可

<script type="text/javascript" src="/js/honehone_clock_tr.js"></script>

如果想添加样式就在你插入到的地方套一个div进行修改就好


   转载规则


《hexo中添加人体时间》 三叶雨 采用 知识共享署名 4.0 国际许可协议 进行许可。