嵌入到博客中的小动画

abowman是个很有意思的小动画网站,而且网站还提供了可以把小动画嵌入到博客中的代码。

以下1~9动画来自abowman,10为人体时钟(hone hone clock)。直接把下面代码粘贴过去,添加到网页中就可以有效果。

1. hamster(小仓鼠)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/hamster/hamster.swf" width="300" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/hamster/hamster.swf" width="300" height="225" scrolling="NO">

2. Fish(鱼)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/fish/fish.swf" width="400" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/fish/fish.swf" width="400" height="225" scrolling="NO">

3. Newton’s Cradle(牛顿摆)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf" width="300" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf" width="300" height="225" scrolling="NO">

4. Spider(蜘蛛)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/spider/spider.swf" width="400" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/spider/spider.swf" width="400" height="225" scrolling="NO">

5. Penguins(企鹅)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/penguins/penguins.swf" width="400" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/penguins/penguins.swf" width="400" height="225" scrolling="NO">

6. Turtle(海龟)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/turtles/turtle.swf" width="400" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/turtles/turtle.swf" width="400" height="225" scrolling="NO">

7. Ball Clock(球钟)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/ballclock/ballclock.swf" width="300" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/ballclock/ballclock.swf" width="300" height="225" scrolling="NO">

8. Disc Drop(盘下落)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/discdrop/discDrop.swf" width="300" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/discdrop/discDrop.swf" width="300" height="225" scrolling="NO">

9.Pendulum Clock(摆钟)

嵌入代码:

<div>
    <iframe src="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf" width="300" height="225" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf" width="300" height="225" scrolling="NO">

10. hone hone clock(人体时钟)

(未找到官网,若有人知道可以告诉我)
嵌入代码:

<div>
    <iframe src="" width="394" height="150" scrolling="NO" frameborder="0">iframe>
div>
效果:
src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf" width="394" height="150" scrolling="NO">

以上就是这些小动画代码和演示效果,可以添加到你的博客中,可惜csdn现在不支持侧边栏放小插件。

代码添加方法,学习这个博主的内容:可爱萌萌哒的博客小仓鼠驾到!- CSDN博客

都让你看了,又让你玩了,还不点个赞!
另外随意转载,注明出处

你可能感兴趣的:(操作指导)