这是一个日本人做的类似于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进行修改就好