不用會HTML，CSS語法2-做一隻會走路的龍貓Totoro
大家有沒有看到我的上一篇文章『龍貓龍貓，加油加油，跑快一點！』？
想不想製作一隻會走路的龍貓哥哥？方法...也很簡單哦，不需要知道什麼語法，因為有人早就把它寫好了，只要套用上去就可以了。
這是我在一個日本網站上看到的，可能也有人會使用什麼語法的把它做出來，但因為敝人功力有限，所以僅能套用別人現成寫好的東西，不過反正可以達到我要的目的就好了。
製作方法請參考以下步驟：
1.去網路上找一張你喜歡的會走路的動態圖，如果自己會製做更好。
2. 把它上傳到你的相簿。
3. 找出這個動態圖的相對應網址。
（不知如何上傳相簿及找出動態圖對應網址，請參考我的另一篇文章『不用會HTML，CSS語法的自製推薦自己部落格文章法』）
4.套用以下語法：
| <MARQUEE DIRECTION="right" SCROLLDELAY="60"><A href="http://ikebukuro.cool.ne.jp/c_chicken/mario.html" target="_blank"><IMG src="マリオ画像のパス" width="17" height="17" border="0"></A></MARQUEE> |
>把src="マリオ画像のパス" 裡的紅色字體部分，置換為你的動態圖的對應網址。
>裡面有幾個參數是可以改變的：
- MARQUEE DIRECTION="right" 這是由左到右跑，當然你也可以改為”left”由右向左跑。
- SCROLLDELAY="60"> 裡面的數字越大，跑的越慢，當然愈小就越快。
- width="17" height="17"裡面的數字，代表你的動態圖的大小，越大圖就越大。
5.你可以直接把上面的語法複製到你的部落格平台的新增文章中的『HTML原始程式編輯器』修改裡面的參數，再用『預覽』的方式看看結果，滿意了，就可以把這個『原始碼』複製到你的文章或側欄欄位上了。
（同樣如果不知如何編輯HTML原始程式碼的方法，請參考我的另一篇文章『不用會HTML，CSS語法的自製推薦自己部落格文章法』）
是不是很有趣呢？快回去試看看吧，很簡單的哦^^
參考資料:
歡迎複製，整篇複製只要載明出處及連結即可。
文章標籤
全站熱搜
其他 (3)
可愛又活潑~~~很適合Blog..Good!!!
謝謝您的喜歡，但是不是只能用在部落格，我就不知道了
*****
*****
很棒的語法耶...很簡單 謝謝分享 XD
哪裡，不客氣，喜歡就拿去用看看吧，可以把妳的部落格裝扮的比較生動哦
感謝分享... 以前我學長用BASIC語法做個從左跑到右的動畫就要花2個小時呢..
只花兩小時就可以讓他從左跑到右了，很厲害了，兩個小時，我都沒法讓他動一下，哈
哈哈，這個好耶～ 收下了，我下次也來做一個！
我想看到『翻滾的飯團』，無論是前空翻，後空翻，側空翻都可以^^
為甚麼不會日文也能夠去日本網站套用ㄚ 太厲害了ㄅ!!!!
姑奶奶，我有點承受不起妳一直叫我老爹耶， 網路就是一條四通八達的道路，不小心就逛到日本去了，我不是也不小心就到妳那裡了？
ㄟ 很有用的 CSS 耶!! 尤其是後面那隻從右跑到左, 粉可愛~那是我們幾米力嗎? 呵
那隻不是我啦，只是一隻想假裝為麋鹿的狗狗
現在真的很方便^^~ 多謝分享呢^^~
不客氣，有需要可以用看看
記起來 以後想玩時 可以用喔 謝謝呢
是啊，有需要的時候，用看看，很簡單的
感謝分享~~我也來試試!!
很簡單，試看看吧！
語法好難喔>"< 這個真可愛~可是要先畫跑的連續圖吧??
語法可能很難，我也不會，但用法很簡單，套用就好了
好可愛～ 我好喜歡歐 謝謝分享：Ｄ
不客氣，喜歡就玩看看，很簡單哦
一直跑真的很可愛~ 不過我超懶的~~
想把自己的部落格裝扮的更生動的時候再弄啊，我有點無聊，一天到晚改自己的部落格玩
太可愛了
有空玩看看吧
龍貓要瘦身了 在一直跑步
有空常常走一走，身體才會好^^
幾米力好大方阿 千萬格友感謝你 龍貓也感謝你 呃!我會不會諂媚過頭了:P 總之謝啦 改天抄來用^^
不用客氣，部落格不就是分享的地方？，我只是不喜歡有人直接複製我的圖，那樣會讓我的外連空間很快就滿，圖都出不來