【引用】【學習圖中圖移動的制作方法】

蒲城阿偉 2011-11-05

展開全文

【引用】【學習圖中圖移動的制作方法】

【學習圖中圖移動的制作方法】

以前的教程，鑰匙已經(jīng)講解了關(guān)于滾動圖片的制作重點。說的明白點，你想要制作好滾動圖片，就必須要從最基本的代碼知識學習，你要你對代碼里的含義了解，那你在實際操作的時候就會方便很多了。關(guān)于圖片的另類移動方式有好多種，只要通過改變代碼就可以實現(xiàn)不同的移動了。那今天就給大家講解小圖片在大圖片里不同移動效果的制作，大家一起來學習參考：

代碼復(fù) 制如下：

<TABLE borderColor=#005500 height=476 width=650 align=center border=2>
<TBODY>
<TR>
<TD background=http://image41.360doc.com/DownloadImg/2011/11/0515/19034070_4.jpg>
<MARQUEE scrollAmount=2 direction=down behavior=alternate height=470>
<MARQUEE scrollAmount=2 behavior=alternate width=640><IMG style="FILTER: Alpha(opacity=70,style=4)" src=http://image41.360doc.com/DownloadImg/2011/11/0515/19034070_1.jpg>
<P align=center><FONT color=#00ff00 size=4> 金鑰匙家</FONT><BR></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

顯示：

金鑰匙家

代碼說明如下：

1、borderColor:表示圖片邊框顏色值

2、選好圖片,將圖片地址依次放進代碼中;再復(fù)制全部代碼然后放進代碼框內(nèi)即可;其中蘭色圖片地址為大圖,紅色圖片地址為小圖

3、scrollAmount:表示圖片的滾動速度;可以根據(jù)操作需要進行適當修改

4、direction:表示圖片移動屬性方向;left(向左), right(向右),up(向上),down(向下);可根據(jù)需要選用

5、behavior:表示圖片移動方式;scroll(一圈一圈), slide(只走一次), alternate(來回走);可根據(jù)需要選用

6、opacity:表示小圖片在大圖片中的透明度(數(shù)值可修改)

金鑰匙歡迎朋友們光臨

金鑰匙的博客!
如果你喜歡此日志，請點擊日志右下方的“推送或引用”，
或者左下方的“分享”，讓大家分享，也算是對我的支持，謝謝！
※尊重他人勞動，崇尚網(wǎng)絡(luò)公德。
引用日志及代碼請保留原創(chuàng)字樣!
※請朋友尊重朋友的勞動所成果，此筐架請你不要刪，朋友的互相尊重!
如果你想得到別人的尊重，
那么你首先要學會怎樣去尊重別人, 別人同樣也回尊重你!

金鑰匙再次聲明：
不歡迎“復(fù)制者”--請文明上網(wǎng)。
您可以在網(wǎng)絡(luò)找教程，素材，請別復(fù)制制作好的博文內(nèi)容！
請別復(fù)制博文，復(fù)制專輯，修改專輯鏈接地址！
您復(fù)制--粘貼--也許需要幾分鐘，
可您知道編輯一篇教程需要多長時間嗎？
可您知道編輯一篇圖片“文章’需要多長時間嗎？
您又知道制作“代碼效果”一篇教程需要多長時間嗎？
還是一句話：尊重他人勞動，崇尚網(wǎng)絡(luò)公德。
光看不留意見的，我將不視為博友！請文明上網(wǎng)！??！
金鑰匙謝謝您的光臨，并請留下寶貴意見！

感謝朋友 鑰匙小語 博客禁忌 博客現(xiàn)象 自我介紹 建博語感

開博心感 鑰匙咀嚼 博友概念 鑰匙玉言 關(guān)于版權(quán) 設(shè)計事項

關(guān)于鑰匙 鑰匙建議 金鑰匙為你服務(wù)--問題專區(qū) 公告宣言 告知心語

坦蕩的心 加友看法 人品有多美，空間就有多美 我的搏客 網(wǎng)聊必須

空間邀請 遇上網(wǎng)友 緣聚屏前感謝朋友 逛博有感 博客隨感

博友之歌 不宜交往 查看關(guān)于本博的更多信息 博客空間 致我網(wǎng)友