wordpress如何添加时间小人效果
这几天有博友问关于wp时钟小挂件是怎么制作出来的,放到博客上蛮有意思的,其实这种效果我也没有做过,但第一感觉肯定是个动画,类似于博客宠物的动画一样,应该是个 swf 的文件经过 JS 调用到站点上的,我们知道,这种时钟效果如果用 flash 来制作并不是很难的,将其制作好的整个动画直接插入到 wp 中不就可以了嘛。
查看有时钟小挂件的博客源文件,去尝试着找 swf 的路径文件,终于找到如下的动画:
http://www.5yun.org/www/3522/honehone_clock_tr.swf
将整个动画复制到地址栏中打开,果然是个flash的时间小人,如小图所示:
既然我们已经找到了这个时间小人的动画,可以直接使用迅雷等工具将其下载下来插入到自己的 wordpress 中就可以了。
如果不想要下载动画占用自己站点的空间,哪么直接用 js 调用这个动画即可,下面是小虎博客提供的两个调用 js 代码,两个效果,一个是白色背景的,一个是透明背景的,最下方面有下载的地址,将 js 代码放下到网站根目录下的js文件即可。
然后在需要调用时间小人的地方插入如下的代码即可:
1、透明背景下的Flash小人源代码
[code lang="php"]
[/code]
2、白色背景下的Flash小人源代码
[code lang="php"]
[/code]
如果我们的博客主题背景颜色是白色的,就直接使用白色背景的flash小人源代码就可以,如果是其它的,则使用透明背景下的 flash 小人源代码,另外注意调用的JS路径,其实这种 flash 时间挂件网上有许多,可以搜索一下找到适合自己站内的 flash 时间小挂件。
wordpress如何添加时间小人效果源代码调用下载:
http://yunpan.cn/cyihGxb48DR5F 提取码 c338