不用會HTML,CSS語法2-做一隻會走路的龍貓Totoro
 
龍貓-1
大家有沒有看到我的上一篇文章『龍貓龍貓,加油加油,跑快一點!』?
想不想製作一隻會走路的龍貓哥哥?方法...也很簡單哦,不需要知道什麼語法,因為有人早就把它寫好了,只要套用上去就可以了。
 

這是我在一個日本網站上看到的,可能也有人會使用什麼語法的把它做出來,但因為敝人功力有限,所以僅能套用別人現成寫好的東西,不過反正可以達到我要的目的就好了。

製作方法請參考以下步驟:
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語法的自製推薦自己部落格文章法』)
 
是不是很有趣呢?快回去試看看吧,很簡單的哦^^

宮崎駿~灰色龍貓立體娃娃鑰匙圈

宮崎駿/龍貓公車-伸縮票夾/證件夾/零錢兩用包

宮崎駿/龍貓系列-(藍色龍貓)伸縮票夾/證件夾/零錢兩用包

 參考資料:
歡迎複製,整篇複製只要載明出處及連結即可。

 

arrow
arrow
    文章標籤
    html css 龍貓Totoro
    全站熱搜

    幾米力 發表在 痞客邦 留言(16) 人氣()