全網最全的博客美化系列教程相關文章目錄
【全網最全的博客美化系列教程】01.添加Github項目鏈接
【全網最全的博客美化系列教程】03.給博客添加一只萌萌噠的小倉鼠
【全網最全的博客美化系列教程】05.公告欄個性時間顯示的實現
【全網最全的博客美化系列教程】06.推薦和反對炫酷樣式的實現
【全網最全的博客美化系列教程】09.添加"擴大/縮小瀏覽區域大小" 按鈕
【全網最全的博客美化系列教程】10.小火箭置頂特效的實現
【全網最全的博客美化系列教程】11.鼠標點擊愛心特效的實現
【全網最全的博客美化系列教程】12.修改鼠標圖案
【全網最全的博客美化系列教程】13.鼠標點擊效果升級的實現
【全網最全的博客美化系列教程】14.代碼高亮設置的實現
【全網最全的博客美化系列教程】15.動畫幻燈效果的實現
【全網最全的博客美化系列教程】16.給博客添加一個打賞的實現
【全網最全的博客美化系列教程】17.博客背景刷新切換效果的實現
【全網最全的博客美化系列教程】18.數學之美---動態幾何線條的實現
【全網最全的博客美化系列教程】20.給博客添加一個萌萌噠的看板娘
【全網最全的博客美化系列教程】21.給博客添加一個夜間模式吧
【全網最全的博客美化系列教程】22.添加一個文章目錄特效
【全網最全的博客美化系列教程】23.圖片水紋特效的實現
【全網最全的博客美化系列教程】24.給博客增加一個音樂播放器特效
【全網最全的博客美化系列教程】25.給博客增加一個音樂播放器特效
【全網最全的博客美化系列教程】26.評論頭像旋轉的實現
【全網最全的博客美化系列教程】27.IP地址定位及天氣預報的實現
【全網最全的博客美化系列教程】28.3D標簽雲動畫的實現
【全網最全的博客美化系列教程】29.自制HTML源碼運行Javascript特效
【全網最全的博客美化系列教程】30.博客文章實現markdown書寫機制
【全網最全的博客美化系列教程】31.用Canvas和requestAnimFrame做動畫特效
【全網最全的博客美化系列教程】32.公告欄添加自己的頭像
【全網最全的博客美化系列教程】33.添加一只舞動的小知音
【全網最全的博客美化系列教程】34.皮膚背景的選擇與定制
給博客添加一只萌萌噠的小倉鼠
這只萌萌噠的小倉鼠，相信大家一定很喜歡吧，很多人也非常好奇，這只小倉鼠是怎么實現的啊？
我們可以嘗試控制台F12去找找我這個控件，同樣的你也能實現這些效果，如下圖所示：
我們找到了如下這段代碼：
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="150" height="160"> <param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?"> <param name="AllowScriptAccess" value="always"> <param name="wmode" value="opaque"> </object>
添加方式：進入自己的博客園->設置，將以上html代碼添加到“博客側邊欄公告”
效果展示如下：
你可以對它進行喂食，它可以跑步喝水吃東西睡覺等等，還可以跟着你鼠標一起移動呢~是不是一舉多得？
自從我開始出博客美化系列的教程開始，無一例外都詳細分析了小倉鼠的來源及制作原理，這個當然也不例外~~
想要高清動態小倉鼠圖片移步至：http://cdn.abowman.com/widgets/hamster/hamster.swf
小倉鼠是在我苦苦挖掘中，偶然找到的~~，素材來源這里：http://abowman.com/google-modules/hamster/
這上面有小倉鼠實現的源碼以及Chrome的小倉鼠插件，不過你要在博客上顯示這些之前可能需要修改一下尺寸哦~~
Chrome的小倉鼠插件網址是這里：https://chrome.google.com/webstore/detail/ab-hamster/jnpagnhcemblbjmaodhdeopdaoifdeag (可能需要梯子)
彩蛋
你以為這些就完了嘛？No No No！！！aBowman提供了很多可供選擇的素材，網址是：http://abowman.com/
看上圖，Hamster只是其中最具代表性的選擇，其實還有一些還挺好玩的，比如Dog可以進行喂食扔骨頭，扔狗糧等等。。。
還有Disc Drop，一款還挺有意思的插件游戲，沒事的時候可以和小伙伴們比比，看誰命中的分數最高
以上這些都提供了相當豐厚的視覺體驗和趣味性，並且提供了對應的源碼實現，各位老鐵們只需要把它復制粘貼到指定位置即可！！！