25 8月 2013

人体造型时钟hone clock设置、博客侧栏宠物代码

介绍

枫林博客的右侧的flash人体造型时钟,就是是著名的hone clock。

一开始是日本的一位博主提供的swf,访问原作者

后来因为效果很好,被许多人拿来用啦。

他提供了两种,背景透明和背景黑白的。

演示如下:

背景透明バージョン
白とか薄い背景におすすめ
背景白バージョン
黒とか濃い背景におすすめ

 

使用方法:

在html或者worpress小工具的文本中插入

 

1.js的用法(推荐使用)

 

 

<script charset=”Shift_JIS” src=”//js调用地址”></script>

js 下载地址:

背景透明

背景黑白

 

 

调用说明:js可以放在自己博客里,调用地址就行,

js是可以修改的,里面的最前面就是swf的地址,我默认设置的是日本原作者的,如果有同学嫌加载慢,自己下载sw文件(在下文有哟),然后修改地址。

以下文中调用说明同上。

 

2.embed的用法、单object用法、双object用法

embed的用法

<embed id=”forfunex” src=”//swf调用地址
width=”400″
height=”300″
align=”middle”
quality=”high”
bgcolor=”#f0fff8″
menu=”false”<!–添加后,ff下才正常–>
play=”true”
loop=”false”
FlashVars=””
allowScriptAccess=”sameDomain”
type=”application/x-shockwave-flash”
pluginspage=”http://www.adobe.com/go/getflashplayer”>
</embed>

单object:这种方法的名字叫做 Flash satay,最早是2002年由 Drew McLellan 发表在 A List Apart 上,后来又经过了几次完善:

 <object type=”application/x-shockwave-flash” data=”c.swf?path=movie.swf”
width=”400″ height=”300″>
<param name=”movie” value=”c.swf?path=movie.swf” />
<img src=”//swf调用地址” width=”200″ height=”100″ alt=”” />
</object>

 

双object用法

<object id=”exercises” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”214″ height=”144″>
<param name=”movie” value=”//swf调用地址” />
<param name=”wmode” value=”window” />
<param name=”flashvars” value=””/>
<!–[if !IE]><!–>
<object id=”exercisesEx” type=”application/x-shockwave-flash”
data=”${contextPath}/flex/photo.swf” width=”214″ height=”144″>
<param name=”flashvars” value=””/>
<!–<![endif]–>
<!–[if gte IE 6]>
<![endif]–>
<!–[if !IE]><!–>
<!–<![endif]–>
<a href=”http://www.adobe.com/go/getflashplayer”>
<img src=”http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif” alt=”Get Adobe Flash player” />
</a>
<!–[if !IE]><!–>
</object>
<!–<![endif]–>
</object>

 

 

 

swf下载地址:

透明swf

黑白swf

3.去掉swf超链接

原作者设置了版权性的超链接,是不是很碍眼,没事,书带草已经做了修改

效果如枫林博客右侧所示

书带草修改去掉超级链接的透明swf

[reply] 点击下载[/reply]

4不喜欢这个风格的可以添加:

<span id=”aa”>当前时间</span><script>setInterval(“aa.innerHTML=new Date().toLocaleString()+’ 星期’+’日一二三四五六’.charAt(new Date().getDay());”,1000);</script>

 

 

5.博客侧栏宠物代码

在别的博客看到侧栏有个可爱的小老鼠,有的是游来游去金鱼,有的是蜘蛛。其实就是flash动画,点击标志就可以进入作者博客。那里还有更多的样式,比如小游戏,时钟,企鹅什么的,想要的去看看吧。

地址,点击想要的样式,复制“embed code for wordpress.com”栏下的代码,添加到博客侧栏的“文本”小工具中即可。

演示:

 

9 comments

  1. 时钟那个挺有意思的,小人不得累死啊….
    选购足浴盆指南,足浴盆什么牌子好?推荐优质品牌!关注足浴健康,关爱父母!期待您的回访!

  2. 开发这个的人也挺有想法的 呵呵 不错

    • 签到成功!签到时间:上午12:17:59 :mrgreen: ,每日打卡,生活更精彩哦~

  3. liang [ 回复 ]

    看看,貌似很厉害