分享一个有趣的时钟插件

前：

前段时间在网上看到一个很有趣的gif

感觉这个插件挺有趣的，一直想要这个插件，终于在404le.com里面找到了

那就好办了，F12源代码，复制粘贴，之后发现这个插件似乎来源于这个网址：http://chabudai.org/blog/?p=59

中：

引用方式有两种：

1、直接引用代码：

<embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.swf" quality="high" bgcolor="#ffffff" width="160" height="70" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

2、通过引用它的js文件，在js文件中创建标签


var swfUrl = "http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf";

var swfTitle = "honehoneclock";


LoadBlogParts();


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);
}

其中，引用它的 honehone_clock_wh.swf文件，插件背景为白色，引用honehone_clock_tr.swf的背景透明

在记事本复制粘贴了几个例子，对比了一下（为了突出插件背景透明的效果，把网页的背景设为grey了）