嵌入到部落格中的小動畫
阿新 • • 發佈:2019-02-15
abowman是個很有意思的小動畫網站,而且網站還提供了可以把小動畫嵌入到部落格中的程式碼。
以下1~9動畫來自abowman,10為人體時鐘(hone hone clock)。直接把下面程式碼貼上過去,新增到網頁中就可以有效果。
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/hamster/hamster.swf" width="300" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/fish/fish.swf" width="400" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/newtonscradle/newtonsCradle.swf" width="300" height="225" scrolling ="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/spider/spider.swf" width="400" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/penguins/penguins.swf" width="400" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/turtles/turtle.swf" width="400" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/ballclock/ballclock.swf" width="300" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/discdrop/discDrop.swf" width="300" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
嵌入程式碼:
<div>
<iframe src="http://cdn.abowman.com/widgets/pendulumclock/pendulumClockV2.swf" width="300" height="225" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
10. hone hone clock(人體時鐘)
(未找到官網,若有人知道可以告訴我)
嵌入程式碼:
<div>
<iframe src="" width="394" height="150" scrolling="NO" frameborder="0"></iframe>
</div>
效果:
以上就是這些小動畫程式碼和演示效果,可以新增到你的部落格中,可惜csdn現在不支援側邊欄放小外掛。
都讓你看了,又讓你玩了,還不點個贊!
另外隨意轉載,註明出處