第二十三節 移動標籤的應用（16）
第二十三節 移動標籤的應用（16）
圖片的移動（6）
本節繼續學習圖片的移動。下面講解圖片的兩種移動代碼。要深刻領會標籤中的內容，學會應用這些移動標籤。
一、多圖片分割移動圖代碼：
<table border="5" cellSpacing="5" cellPadding="3" width_="650" height="210"><tbody><tr><td align="center"><marquee width_="120" scrollAmount="2" scrollDelay="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_2" height="210" real_src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_2"></marquee></td><td align="center"><marquee width_="120" scrollAmount="2" scrollDelay="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_3" height="210" real_src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_3"></marquee></td><td align="center"><marquee width_="120" scrollAmount="2" scrollDelay="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_4" height="210" real_src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_4"></marquee></td><td align="center"><marquee width_="120" scrollAmount="2" scrollDelay="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_5" height="210" real_src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_5"></marquee></td><td align="center"><marquee width_="120" scrollAmount="2" scrollDelay="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_6" height="210" real_src="http://image52.360doc.com/DownloadImg/2012/06/1315/24828273_6"></marquee></td></tr></tbody></table><p> <wbr></p>「多圖片分割移動圖」代碼設置要點：1、表格標籤中必須設置表格的間距數值。例如：cellSpacing="5"2、每個圖片獨佔一個單元格，並由一個移動標籤控制。3、控制每個圖片的移動標籤最好都相同。二、圖中圖 移動圖代碼：<table style="width: 950px; height: 617px;" border="5" cellSpacing="0" borderColor="#990030" cellPadding="2" background="http://image27.360doc.com/DownloadImg/2011/04/2502/11198791_3.jpg" align="center"><tbody><tr><td><marquee style="width: 790px; height: 500px;" direction="up" behavior="alternate" scrollAmount="5"><marquee height="317" behavior="alternate" width_="790" scrollAmount="5"> <img style="filter: alpha(opacity=100,style=2);" id="image_operate_27401302678376890" src="https://www.getit01.com/getimg_360.php?url=http://image32.360doc.com/DownloadImg/2011/07/1211/14116499_6" width_="250"></marquee></marquee></td></tr></tbody></table>「圖中圖 移動圖」代碼設置要點：1、設置一個表格，表格中放入一個背景圖片，單元格中放入一個圖片。2、背景圖片最好是規格大一些的風景圖片；3、第一個移動標籤，移動方向「向上」，移動方式「來回走」；4、第二個移動標籤，移動方向「向左」，移動方式「來回走」。第二個移動標籤的「移動屏幕寬度」可以和第一個移動標籤的移動屏幕寬度相同，移動高度，必須小於第一個移動標籤的移動屏幕高度。5、兩個移動標籤中的移動速度最好相同。6、表格個規格要比移動屏幕個規格大一些。作業：應用上面的兩種移動代碼，各製作一篇文章。
推薦閱讀：