標簽:
滾動(dòng)圖片代碼雜談 |
分類(lèi): 網(wǎng)頁(yè)制作 |
圖片滾動(dòng)代碼 (從右向左滾動(dòng))
<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">
<img border="0" src="要滾動(dòng)的圖片地址1">
<img border="0" src="要滾動(dòng)的圖片地址2">
</marquee>
<img border="0" src="要滾動(dòng)的圖片地址1">
<img border="0" src="要滾動(dòng)的圖片地址2">
</marquee>
改版:
<marquee ONMOUSEOUT=this.scrollDelay=1 ONMOUSEOVER=this.scrollDelay=600 scrollamount=1
SCROLLDELAY=1 border=0 direction=up scrolldelay=70 width=180 height=130 align=middle>
<img border="0" src="要滾動(dòng)的圖片地址1">
<img border="0" src="要滾動(dòng)的圖片地址2">
</marquee>
說(shuō)明:
1.direction屬性:決定文本的滾動(dòng)方向,分為向左left和向右right,up和down默認狀態(tài)向左。
<marquee direction=left>從右向左滾動(dòng)</marquee>
<marquee direction=right>從左向右滾動(dòng)</marquee>
2.behavior屬性:指定文本的滾動(dòng)方式,分為三種:
Scroll:從一端消失后,在另一端出現并繼續滾動(dòng)。
<marquee behavior=scroll>一圈一圈地滾動(dòng)</marquee>
Slide:從一端滾動(dòng),接觸到另一端后停止
<marquee behavior=slide>只滾動(dòng)一次就停止</marquee>
Alternate:從一端滾動(dòng)到另一端后,反向滾動(dòng)。
<marquee behavior=alternate>來(lái)回滾動(dòng)</marquee>
direction=up(left、right、down) 這個(gè)屬性可以更改,這樣就可以實(shí)現上下左右了
3.scrolldelay屬性設置移動(dòng)每步的延時(shí)單位為毫秒
4.scrollamount 屬性 設置滾動(dòng)速度 單位為秒,取值 1-60
示例:
<!****圖片滾動(dòng)****>
<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=1 direction=right behavior=alternate width=300 height=200 BORDER="0" ALIGN="middle"><IMG src="http://s2.sinaimg.cn/small/610b0f0fg6fd0fbf26971&690" border=0> <IMG src="http://s13.sinaimg.cn/small/610b0f0fg6fd0fbc4a5ac&690" border=0> <IMG src="http://s12.sinaimg.cn/small/610b0f0fg6fd0fb96f46b&690" border=0> <IMG src="http://s15.sinaimg.cn/small/610b0f0fg6fd0fadfde7e&690" border=0> <IMG src="http://s10.sinaimg.cn/small/610b0f0fg6fd0fab21c49&690" border=0> <IMG src="http://s16.sinaimg.cn/small/610b0f0fg6fd0fa74f83f&690" border=0> <IMG src="http://s15.sinaimg.cn/small/610b0f0fg6fd0fcd74ece&690" border=0> <IMG src="http://s14.sinaimg.cn/small/610b0f0fg6fd0fc9a62cd&690" border=0> <IMG src="http://s12.sinaimg.cn/small/610b0f0fg6fd0fc6c840b&690" border=0>/MARQUEE>/DIV>
<!****圖片滾動(dòng)結束****>
請看效果:
聯(lián)系客服