您的位置:首页 > Web前端 > HTML

Html之动态时钟(HOME HOME CLOCK)-yellowcong

2018-01-02 08:35 218 查看
动态时钟的效果非常的爽,前几年看到过,但是一直忘了自己高一份,今天闲得淡腾,就弄了一份,下面是源码地址,还有基于我自己七牛服务器,也整了一份

源码地址

#这一份是基于本地的,没有使用网络的资源 http://yellowcong.qiniudn.com/home_clock_demo.zip[/code] 

显示效果



实现代码

这个代码里,可以看到,访问的连接地址,都是
.jp
的,是日本的连接地址

<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="always">
<param name="movie" value="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="wmode" value="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>


实现代码-修改为自己服务器

修改为本地地址:

#最重要的是这个,表示的是时钟的资源连接地址 http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf 
#flash下载地址 http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0[/code] 
修改路径后的代码,将路径都换成自己服务器的地址,然后查看,直接复制下面的代码,保存,就可以查看到效果了

<html>
<div id="myTime">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://yellowcong.qiniudn.com/swflash.cab" width="200" height="80" id="honehoneclock" align="middle">
<param name="allowScriptAccess" value="always">
<param name="movie" value="http://yellowcong.qiniudn.com/honehone_clock_wh.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="wmode" value="transparent">
<embed wmode="transparent" src="http://yellowcong.qiniudn.com/honehone_clock_wh.swf" quality="high" bgcolor="#ffffff" width="200" height="80" name="honehoneclock" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="https://get2.adobe.com/cn/flashplayer/">
</object>
</div>
</html>


更改后的效果

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: