久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

圖片移動特效制作與代碼

 津江 2010-11-15

★★★★★互做友情連接點此進(jìn)入★★★★★

★金峰博客歡迎你★

2010年11月14日 - 金峰 - 金峰的博客

 
 

2010年11月14日 - 金峰 - 金峰的博客

 

★1.圖片向上移動效果圖:★

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

   

★1.圖片向上移動效果代碼:★

<CENTER>

<MARQUEE width=240 scrollAmount=3 height=200 direction=up>
<P><IMG height=320 src="圖片地址1" width=240></P>
<P><IMG height=320 src="圖片地址2" width=240></P>
<P><IMG height=320 src="圖片地址3" width=240></P>
</MARQUEE></CENTER>

★2.圖片向下移動效果圖:★

 

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

★2.圖片向下移動的效果代碼:★

<CENTER>

<MARQUEE width=240 scrollAmount=3 height=200 direction=down>
<P><IMG height=320 src="圖片地址1" width=240></P>
<P><IMG height=320 src="圖片地址2" width=240></P>
<P><IMG height=320 src="圖片地址3" width=240></P>
</MARQUEE></CENTER>

★3、圖片向右移動的效果圖:★

圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★3,、圖片向右移動的效果代碼:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 direction=right>
<IMG height=320 src="圖片地址1" width=240></A>
<IMG height=320 src="圖片地址2" width=240></A>
<IMG height=320 src="圖片地址3" width=240></A>
</MARQUEE></CENTER>
★4.圖片向左移動的效果圖:★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★4.圖片向左移動的效果代碼:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 >
<IMG height=320 src="圖片地址1" width=240>
<IMG height=320 src="圖片地址2" width=240>
<IMG height=320 src="圖片地址3" width=240>
</MARQUEE></CENTER>
★5.圖片來回移動效果圖:★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★5.圖片來回移動效果代碼:★
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 behavior="alternate">
<IMG height=240 src="圖片地址1" width=240></A>
<IMG height=240 src="圖片地址2" width=240></A>
<IMG height=240 src="圖片地址3" width=240></A>
</MARQUEE></CENTER>
★6.圖片居中向兩邊移動的效果圖:★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★6.圖片居中向兩邊移動的效果代碼:★
<center><marquee width=240 scrollAmount=3 height=320>
<img width=240 src=圖片地址1 height=320>
<img width=240  src=圖片地址2 height=320>
</marquee><marquee direction=right width=240 scrollAmount=3 height=320>
<img width=240  src=圖片地址2 height=320>
<img width=240  src=圖片地址1 height=320>
</marquee></center>
★7.圖片居中上下分開移動效果圖:★

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

圖片移動特效制作與代碼 - 金峰 - 金峰的博客

★7.圖片居中上下分開移動的效果代碼:★
<marquee direction=up scrollAmount=3><center>
<P><img src="圖片地址1width=240 height=320></P>
<P><img src="圖片地址2width=240 height=320></P>
</marquee></center>
<marquee direction=down scrollAmount=3><center><div style="width:240;filter:flipv;">
<p><img src="圖片地址2" width=240 height=320></P>
<p><img src="圖片地址1width=240 height=320></p>
</div></marquee></center>
★8.圖片對開移動的效果圖:★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★8.圖片對開移動的效果代碼:★
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0><TBODY><TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<IMG width=240 src="圖片地址1" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="圖片地址2" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<IMG width=240 src="圖片地址1" height=320>
</MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<IMG width=240 src="圖片地址2" height=320>
</MARQUEE></TD>
</TR></TBODY></TABLE>
★9.由上至下隱現(xiàn)效果圖:★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★9.由上至下隱現(xiàn)效果代碼:★
<MARQUEE scrollAmount=3 direction=down height=320>
<MARQUEE scrollAmount=3 direction=up height=320>
<DIV align=center>
<IMG height=320 src="圖片地址" width=240>
</DIV></MARQUEE>
★10.由下至上隱現(xiàn)效果圖 :★
圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★10.由下至上隱現(xiàn)效果代碼 :★
<MARQUEE scrollAmount=3 direction=up height=320>
<MARQUEE scrollAmount=3 direction=down height=320>
<DIV align=center>
<IMG height=320 src="圖片地址" width=240>
</DIV></MARQUEE>
圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客
★★★★★代碼中的各參數(shù)詳解★★★★★

(1)scrollAmount。它表示速度,,值越大速度越快。如果沒有它,,默認(rèn)為6,,建議設(shè)為1~3比較好。

(2)width和height,,表示滾動區(qū)域的大小,,width是寬度,height是高度,。特別是在做垂直滾動的時候,,一定要設(shè)height的值。

(3)direction,。表示滾動的方向,,默認(rèn)為從右向左:←←←??蛇x的值有right、down,、up,。滾動方向分別為:right表示→→→,up表示↑,,down表示↓,。

(4)scrollDelay,這也是用來控制速度的,,默認(rèn)為90,,值越大,速度越慢,。通常scrollDelay是不需要設(shè)置的,。

(5)behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動,,可選的值有alternate(交替滾動),、slide(幻燈片效果,是滾動一次,,然后停止?jié)L動) 

(6)粉色地方是圖片地址,,換上自己喜歡的圖片。


圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客 圖片移動特效制作與代碼 - 金峰 - 金峰的博客

 

★★★★★代碼語言分析解釋:★★★★★

1.背景顏色地方 表示效果中限制的圖片大小值,,width=height=

2.scrollAmount=3地方表示滾動速度 其中3表示數(shù)值 數(shù)值16 默認(rèn)為6  提示:13為最佳效果,。

3.width=240表示圖片的寬度 參照圖片大小修改 以上效果演示圖寬=240 

4.height=320表示圖片的高度 參照圖片大小修改 以上效果演示圖高=320

5.粉色地方表示圖片的地址 可以替換你喜歡的圖片地址 如以上代碼的圖片地址 圖片地址1 圖片地址2 圖片地址3等均為圖片地址 表明 1.2.3.是為了有些效果中有些相同的圖片.有些特效想多加圖片數(shù)量,只需要將<IMG height=240 src="圖片地址" width=240></A> 這組代碼加在代碼:</DIV></MARQUEE>前面就可以了,,需要幾幅就加幾組,。

    最后 代碼的演示還要自己親自動手去體會,有許多技巧需要朋友們在制作中去參悟和修改,。

 

金峰博客歡迎你



歡迎來到金峰博客,!


 
圖片移動特效制作與代碼 - 金峰 - 金峰的博客
 
 
 

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點,。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,,謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報,。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約