一、利用博友提供的原始代碼(原代碼),換掉里面的“圖片地址”,制作新的動畫。
我們這里說的“制作”是廣義的概念,并不是“真正”的制作。因為畫面是現(xiàn)成的,我們只是改變了它的形式。但對初學(xué)者來說,這也是樂趣??!
今天,我先選擇從右向左移動的動畫代碼來講解它的具體用法。我們先來認(rèn)識一下原代碼:
<marquee scrollamount=1 scrolldelay=3 valign=middle beha
第一張<img border="0" src=
" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">
第二張<img border="0" src=
" http://img.blog.163.com/photo/1uXaJId9pRnIeK-s47HyWw==/1145321680235785408.jpg">
</marquee>_></DIV></MARQUEE></MARQUEE
這里的“第一張”、“第二張”是這個代碼里有“兩張圖片”的意思,是代碼原創(chuàng)者的說明,并不是代碼里原有的。因此,在使用代碼時要把它們刪去。
音畫動畫地址和圖片地址、圖片動畫地址代碼的開頭“標(biāo)記”是一樣的,都是“http://”;但結(jié)尾標(biāo)記是不一樣的,音畫動畫地址代碼的結(jié)尾是“swf ”,而圖片地址或圖片動畫地址代碼的結(jié)尾標(biāo)記是“jpg”(為了好記,我叫它“雞皮哥”)。
怎樣獲取圖片地址,我也曾經(jīng)講過,今天再重述一遍:把光標(biāo)放到圖片(包括圖片動畫)上,點擊右鍵,點擊最下面的【屬性】,把地址代碼涂藍(lán),點擊右鍵,點擊【復(fù)制】,復(fù)制結(jié)束點擊【確定】。這樣就獲取了圖片地址代碼。
我們可以從2006年到2008年的“留言欄”里獲取有用的圖片,包括動畫圖片;那時的圖片都是可以直接復(fù)制、粘貼到日志里的(生成的代碼是可以粘貼到自定義模塊里的)。比如:
按照上面我講的方法就可以獲取它的地址代碼:
http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_1.jpg
您按照我講的方法操作一遍,看看是否也獲取了和我一樣的地址代碼。我們只要獲取了兩個圖片地址代碼,就可以換掉原代碼里的地址了。
它的地址是:http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_2.jpg
這樣,我們就有了“兩個地址”,下一步就是換掉原代碼里的“地址”了??磥磉@兩張圖片的高度是不一樣的,制作出來一高一矮不好看。我們再選一張高度和“竹子”那張差不多的。
它的地址是:http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_3.jpg
二、換掉原代碼里的“地址”,生成新的代碼
我們先來整理一下原代碼。這是原代碼:
<marquee scrollamount=1 scrolldelay=3 valign=middle beha
第一張<img border="0" src=
" http://ava.blog.163.com/photo/lMMlCkDYxPZDtiwsj52clA==/588282701325489251.jpg">
第二張<img border="0" src=
" http://img.blog.163.com/photo/1uXaJId9pRnIeK-s47HyWw==/1145321680235785408.jpg">
</marquee>_></DIV></MARQUEE></MARQUEE
刪去“漢字”和原來的兩個地址:
<marquee scrollamount=1 scrolldelay=3 valign=middle beha
<img border="0" src=
"換地址">
<img border="0" src=
"換地址">
</marquee>_></DIV></MARQUEE></MARQUEE
換了地址以后的代碼:
<marquee scrollamount=1 scrolldelay=3 valign=middle beha
<img border="0" src=
" http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_3.jpg">
<img border="0" src=
"http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_1.jpg ">
</marquee>_></DIV></MARQUEE></MARQUEE
點擊<>,粘貼上面這個代碼,看看效果:
_>
看來效果還可以,但并不令人滿意:1、左下角有條小杠和小箭頭。這說明原代碼里有多余的“廢碼”,要刪除;2、移動的速度太慢,看起來不那么舒服,應(yīng)該加速。
這是刪除“廢碼”和“加速”以后的代碼:
<marquee scrollamount=3 scrolldelay=5 valign=middle beha>
<img border="0" src= "http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_3.jpg">
<img border="0" src= "http://image11.360doc.com/DownloadImg/2010/06/1608/3608162_1.jpg">
細(xì)心的朋友會發(fā)現(xiàn):1、我把原代碼最后面的“大寫字母和小橫杠、小箭頭”和多余的廢碼都刪去了。一般來說,代碼兩頭或中間“重復(fù)的代碼”都是多余的廢碼;代碼是“小寫字母”的,多出來的“大寫字母”往往也是多余的。這不是原創(chuàng)者的問題,是在轉(zhuǎn)載過程中出現(xiàn)的問題。2、加速的問題:我把scrollamount=1 scrolldelay=3 分別加到“3”和“5”。如果您還想加速就再加大數(shù)字。
朋友們,我和大家一樣也是初學(xué)者。雖然我在2006年7月有了博客,可在制作動畫方面我也是邊學(xué)邊摸索。我喜歡玩,喜歡和朋友們一起玩;再加上我有過從事教育工作的經(jīng)歷,所以總是自不量力的“好為人師”。這也是一種“怪癖”吧!
最后,我把完整的移動式動畫原代碼送給朋友們。您可以直接使用:
<marquee scrollamount=3 scrolldelay=5 valign=middle beha>
<img border="0" src= " 換上新的圖片地址 ">
<img border="0" src= " 換上新的圖片地址 ">
注意:1、引號"" 不要刪除。2、制作完成以后,可以作為日志發(fā)表,也可以粘貼到首頁模塊里裝飾博客。
樂在天涯 2009年12月17日中午和下午閑暇時