第二章　　標籤應用(23)

本節繼續學習移動圖片，下面講解圖片的四種移動代碼。 1、原地跳動的圖片代碼：<marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee><marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee><marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee><marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee><marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee><marquee direction="up" height="150" behavior="alternate"width_="100"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_5.jpg" height="100"></marquee>解析：（1）原地跳動的圖片代碼，在移動標籤中，要設置「向上」的移動方向、「來回走」的移動方式和移動屏幕的寬度。移動屏幕的高度可設置也可不設置。（2）上面的代碼可以複製粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標籤。（3）原地跳動的圖片規格不能太大，寬度和高度以不超過200px為宜。圖片總寬度不能超過700px，如果超過700px，圖片就不能夠在同一行顯示了。（4）原地跳動的圖片代碼，每一個移動標籤控制一個圖片。換句話說，就是在每一個移動標籤與它的尾標籤之間，只能夠放置一個圖片標籤。2、隔圖跳動的圖片代碼：<marquee direction="up" height="200" behavior="alternate"width_="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_10.jpg" height="90"><marquee direction="up" height="200" behavior="alternate"width_="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_10.jpg" height="90"><marquee direction="up" height="200" behavior="alternate"width_="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_10.jpg" height="90"><marquee direction="up" height="200" behavior="alternate"width_="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee>解析：（1）隔圖跳動的圖片代碼，相鄰的兩個圖片標籤，一個要用移動標籤控制（或者說包裹），另一個不用移動標籤控制。如果每個圖片標籤都用移動標籤控制，那麼，相鄰的兩個移動標籤中移動屏幕的高度，一個要設置得大一點，另一個設置得要小一點。（2）上面的代碼可以複製粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標籤。（3）隔圖跳動的圖片規格不能太大，寬度和高度以不超過200px為宜。圖片總寬度不能超過700px，如果超過700px，圖片就不能夠在同一行顯示了。（4）隔圖跳動的圖片代碼，每一個移動標籤控制一個圖片。換句話說，就是在每一個移動標籤與它的尾標籤之間，只能夠放置一個圖片標籤。3、單圖移動橫排版代碼：<marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee>解析：（1）單圖移動橫排版代碼，每個圖片要用相同的移動標籤控制。各圖片寬度之和不能超過700px。（2）上面的代碼可以複製粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標籤。（3）單圖移動橫排版的圖片規格不能太大，寬度和高度以不超過200px為宜。不能超過700px，圖片總寬度如果超過700px，圖片就不能夠在同一行顯示了。（4）單圖移動橫排版的圖片代碼，每一個移動標籤控制一個圖片。換句話說，就是在每一個移動標籤與它的尾標籤之間，只能夠放置一個圖片標籤。4、單圖移動豎排版代碼：<marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><br><br><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><br><br><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><br><br><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><br><br><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee><br><br><marquee height="100" width_="100" scrollAmount="2"><img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image55.360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height="100"></marquee>解析：1、單圖移動豎排版代碼，把「單圖移動橫排版代碼」中每個移動標籤的尾標籤後面添加兩個換行標籤即可（最後一個移動標籤不添加）。2、單圖移動橫排版的圖片代碼，每一個移動標籤控制一個圖片。換句話說，就是在每一個移動標籤與它的尾標籤之間，只能夠放置一個圖片標籤。3、前面的三種移動圖片代碼，常常用來製作小模塊，作為文章中的小插圖或者分割線使用。作業：1、繼續熟悉移動標籤名稱和圖片標籤名稱，熟悉移動標籤與文字標籤中的屬性。2、應用上面講解的四種移動圖片代碼，各製作一篇文章。

代碼入門教程(1)代碼入門教程(2)代碼入門教程(3)代碼入門教程(4)代碼入門教程(5)代碼入門教程(6)代碼入門教程(7)代碼入門教程(8)代碼入門教程(9)代碼入門教程(10)代碼入門教程(11)

２０１２年１０月2 6 日於北京
推薦閱讀：