採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
July 25, 2018
跟工程師討論後，他想要使用JavaScript來呈現動畫效果，我也有另外一套方式，將在行進中的動畫改變成不同圖片的方式，來呈現左右不同方向行進時的動畫。JS可以計算到兩個物件的相對位置（碰撞與否），但CSS僅能計算單一物件的動作。重點是...會走路又能適當的時間改變方向的狗狗，可愛吧？！
▼這一個連貫的動作，由三張GIF所組合而成（因連動手機版版面限制。1.向右走至200px，2.向左走至0px，3.到原點踏步）
▼這一個連貫的動作，由三張GIF所組合而成（因連動手機版版面限制。1.向右走至200px，2.向左走至0px，3.到原點踏步）
March 13, 2015
直接指定span的方法
範例：淺灰背景 text
經由style >span 指定的方法
範例：淺黃色背景 text
經由style > span 之下> class 指定的方法
範例：淺藍色背景，灰色 text
範例：淺灰背景 text
<span style="background:#CCC; ">text</span>
經由style >span 指定的方法
範例：淺黃色背景 text
<style type="text/css">
span{background:#FBFEBA;}
</style>
span{background:#FBFEBA;}
</style>
經由style > span 之下> class 指定的方法
範例：淺藍色背景，灰色 text
<style type="text/css">
span.bText{background:#3FF;}
</style>
span.bText{background:#3FF;}
</style>
