给自己的网站添加时间小人效果

之前偶然在网上看到wp网站时钟挂件,感觉很有意思,百度搜了一下,看到夏日大神的分享,于是‘借来’给大家分享一下~ wp时钟小挂件,类似于博客宠物的动画一样,应该是个 swf 的文件经过 JS 调用到站点上的,我们知道,这种时钟效果如果用 flash 来制作并不是很难的,将其制作好的整个动画直接插入到 wp 中就可以了。 查看有时钟小挂件的博客源文件,去尝试着找 swf 的路径文件,终于找到如下的动画: http://www.5yun.org/www/3522/honehone_clock_tr.swf 将整个动画复制到地址栏中打开,果然是个flash的时间小人,如小图所示: 19-2 既然我们已经找到了这个时间小人的动画,可以直接使用迅雷等工具将其下载下来插入到自己的 wordpress 中就可以了。 如果不想要下载动画占用自己站点的空间,哪么直接用 js 调用这个动画即可,下面是夏日博客提供的两个调用 js 代码,两个效果,一个是白色背景的,一个是透明背景的,最下方面有下载的地址,将 js 代码放下到网站根目录下的js文件即可。 然后在需要调用时间小人的地方插入如下的代码(文章结尾有下载链接)即可: 1、透明背景下的Flash小人源代码 2、白色背景下的Flash小人源代码 如果我们的博客主题背景颜色是白色的,就直接使用白色背景的flash小人源代码就可以,如果是其它的,则使用透明背景下的 flash 小人源代码,另外注意调用的JS路径,其实这种 flash 时间挂件网上有许多,可以搜索一下找到适合自己站内的 flash 时间小挂件。 不过这个挂件在谷歌上有点显示问题,刷新的时候会变成下图所示(点一下才会继续动画): QQ图片20160328165009 正常显示:

QQ图片20160328165013 源代码调用下载链接:http://pan.baidu.com/s/1miF4peS 密码:zrsj

5 COMMENTS
  1. 2016/03/29
    themebetter

    不少网站都用了小人时间,看着挺有意思。

  2. 2016/04/14
    不散去博客

    非常感谢楼主的分享

    • 2016/04/14
      那樊笼
      @不散去博客 兄弟,你暴露了ヽ(ー_ー )ノ
  3. 2016/04/14
    那樊笼

    。。。

LEAVE A REPLY
loading
正在赶回来……