首页 > 代码库 > 人体时钟hone hone clock

人体时钟hone hone clock

2024-08-16 09:50:13   217人阅读

摘要：一个由日本人设计的有意思的Flash时钟：人体时钟 hone hone clock 。安装很简单，直接js导入即可，包括两种样式：透明背景和白色背景。

很可爱的一个设计，实现后效果如下：

 

技术分享

 

使用方法：

将下面代码导入你需要加时钟的地方：

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

或

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

其中第一种是背景透明，第二种是背景白色。

 

 

 

今天给大家介绍个好玩的东西，很简单。

大家是否经常在别人博客园个人首页公告处看到自定义的时钟啊什么的，今天我也来两个。

  • HONE HONE CLOCK

先看效果图： 

技术分享

源码奉上

<html><div id="myTime"> <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="200" height="80" id="honehoneclock" align="middle"> <param name="allowScriptAccess" value="http://www.mamicode.com/always"> <param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf"> <param name="quality" value="http://www.mamicode.com/high"> <param name="bgcolor" value="http://www.mamicode.com/#ffffff"> <param name="wmode" value="http://www.mamicode.com/transparent"> <embed wmode="transparent" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" quality="high" bgcolor="#ffffff" width="200" height="80" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> </object> </div></html>

HTML <object> 标签：

定义和用法

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。

<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

 

备注：

大家只需要把上面相应一段代码拷贝到博客园设置里的侧边栏代码框里，就可以在自己的博客首页炫酷一把了，赶紧行动吧~

flash的地址如下：

http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock01.swf

 

人体时钟hone hone clock


联系
我们