博客制做 2008-07-13 15:34:07 閱讀426 評(píng)論8 字號(hào):大中小
一、代碼:
<DIV style=" WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">
<A href="http://blog.163.com/ciq080416nfk@126/" target=_blank><IMG height=128 src="圖片地址1"
width=128 border=0></A>
<A><IMG height=128 src="圖片地址2" width=128 border=0></A>
<A><IMG height=128 src="圖片地址3" width=128 border=0></A>
<A><IMG height=128 src="圖片地址4" width=128 border=0></A>
<A><IMG height=128 src="圖片地址5" width=128 border=0></A>
......
<A><IMG height=128 src="圖片地址n" width=128 border=0></A>
</MARQUEE></DIV>
二、說明
direction=left 是圖片的滾動(dòng)方向,可以有四個(gè)方向,分別是left right up down,向左走,
direction=left 可以省去。來回走是把direction= 換成behavior=alternate。
width="100%" height="128" 這是模塊整體的寬和高,在網(wǎng)易博客中寬度就設(shè)定為100%
不用變,可以跟據(jù)模塊擺放的位置自適應(yīng)。高度可以跟據(jù)需要進(jìn)行調(diào)整。
<A target=_blank>
第一張圖片前的這組命令和以后圖片前的<A>是同一組命令,區(qū)別是加入了 href=""是點(diǎn)擊
圖片打開指定鏈接網(wǎng)頁,也可以在后面的圖片上都加上鏈接。
target=_blank 是在新窗口打開的意思,沒有這個(gè)命令就是在當(dāng)前頁打開。
<A href="" target=_blank>也可不用。
src="圖片地址",是調(diào)用這個(gè)鏈接地址的圖片。
第一個(gè)圖片鏈接后面都有一個(gè) width=128,是這張圖片的寬度,是需要跟據(jù)自己的圖片大小
進(jìn)行調(diào)整的。
三、加入圖片地址后的移動(dòng)效果
代碼:
<DIV style=" WIDTH: 100%">
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width="100%" height="128">
<A href="http://blog.163.com/ciq080416nfk@126/" target=_blank><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_1.jpg"
width=128 border=0></A><A>
<IMG height=128 src="http://img.blog.163.com/photo/oHJRJPqe-
1a3xIMycyDHJg==/1140818080609208228.jpg " width=128 border=0></A><A>
<IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_3.jpg
" width=128 border=0></A>
<A><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_4.jpg"
width=128 border=0></A>
<A><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_5.jpg"
width=128 border=0></A>
<A><IMG height=128 src="http://img.blog.163.com/photo/69SrLvHNV-H-RHdlYdk-
3Q==/5077527104884019919.jpg " width=128 border=0></A>
<A><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_7.jpg
" width=128 border=0></A>
<A><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_8.jpg"
width=128 border=0></A>
<A><IMG height=128
src="http://image9.360doc.com/DownloadImg/2010/04/2809/3027914_9.jpg"
width=128 border=0></A>
</MARQUEE></DIV>
以下兩個(gè)與上面同效的圖片滾動(dòng)代碼
1、(從右向左滾動(dòng))
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滾動(dòng)的圖片地址1">
<img border="0" src=" http://要滾動(dòng)的圖片地址2">
</marquee>
2、 (從下往上滾動(dòng))
<marquee align=center direction=up
scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src=" http://要滾動(dòng)的圖片地址1">
<img border="0" src=" http://要滾動(dòng)的圖片地址2">
</marquee>
聯(lián)系客服