移動圖片代碼(網頁製作)

為朋友們介紹幾種圖片特效製作方法,以下是代碼。

(注: 其中height(高度)=400,width(寬度)=600,可根據需要調整。

您只要換上喜愛的圖片地址即可。)

具體操作步驟簡解如下:

1.用註冊名登錄,進入「發表新文章」,找到"口 查看HTML源代碼",在方框中點擊左鍵就會出現一個小勾。

2. 用滑鼠刷黑您所需要的圖片特效代碼。單擊右鍵,就會出來一個菜單,點 複製。

3.回到「發表新文章」中,把您複製的代碼粘貼上去。

4.把粘貼好的特效代碼中您不想要的圖片地址刷黑,刪除。(小心,別刪多了!!!示範如下:「http://www.bioon.com/figure/UploadFiles/200505/20050527123351807.jpg」刪除圖片地址後,剩下的是:「」

5.在您準備好的圖片上單擊右鍵,就會出來一個菜單,最後一欄是「屬性」。點擊屬性,便會出來圖片的地址。

6.複製圖片地址,粘帖到「」中去,待所有的圖片都換好地址,再點擊「口 查看HTML源代碼」中的方框, 便去除了小勾,您換好的圖片就出來啦。剩下的,就象您發文章一樣操作便可。

<MARQUEE><IMG height=400 src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050522110022251.jpg" ; <IMG height=400 src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050522110024538.jpg" width_=600> <IMG height=400 src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050522110024764.jpg" width_=600></MARQUEE>

<MARQUEE><IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://www.go.tan11.com/images/plant/ytao/ytao-2.jpg " ;<IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://www.go.tan11.com/images/plant/ytao/ytao-14.jpg " width_=200><IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://www.go.tan11.com/images/plant/ytao/ytao-2.jpg " width_=200><IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://www.go.tan11.com/images/plant/ytao/ytao-14.jpg " width_=200></MARQUEE>

<MARQUEE scrollAmount=2 behavior=alternate height=200><P align=center><IMG src=" http://www.bioon.com/figure/UploadFiles/200505/20050527123351807.jpg "></P><P align=center><IMG src=" http://www.bioon.com/figure/UploadFiles/200505/20050527123502597.jpg "></P><P align=center><IMG src=" http://www.bioon.com/figure/UploadFiles/200505/20050527123343929.jpg"></P></MARQUEE

<MARQUEE scrollDelay=10 height=200><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050516130903642.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050516130915943.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200505/20050516130925298.jpg"></P></MARQUEE>

<MARQUEE direction=down><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200507/20050709111035192.jpg"></MARQUEE><MARQUEE direction=up><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200507/20050709111110535.jpg"></MARQUEE>

<MARQUEE scrollAmount=2 direction=up height=400><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200506/20050613112305621.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200506/20050613112301753.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.bioon.com/figure/UploadFiles/200506/20050613112230586.jpg"></P></MARQUEE>

推薦閱讀:

如何解決IE第二層網頁打不開的問題
【背景圖片】【製作網頁素材篇】精美背景素材
一篇網頁的亂碼清理//終板
新增網頁0
這個腳本可以在當前頁面中顯示其它網頁的內容

TAG:圖片 | 代碼 | 網頁 | 網頁製作 | 動圖 | 移動 |