|
第 二 章 標(biāo) 簽 應(yīng) 用
第十節(jié) 移動圖片（2）
 本節(jié)繼續(xù)學(xué)習(xí)移動圖片，下面講解圖片的四種移動代碼。 1、原地跳動的圖片
代碼：
<marquee direction="up" height="150" behavior="alternate"
width="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" 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="春天沒來歡迎您" 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="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>
解析：
（1）原地跳動的圖片代碼，在移動標(biāo)簽中，要設(shè)置“向上”的移動方向、“來回走”的移動方式和移動屏幕的寬度。移動屏幕的高度可設(shè)置也可不設(shè)置。
（2）上面的代碼可以復(fù)制粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標(biāo)簽。
（3）原地跳動的圖片規(guī)格不能太大，寬度和高度以不超過200px為宜。圖片總寬度不能超過700px，如果超過700px，圖片就不能夠在同一行顯示了。
（4）原地跳動的圖片代碼，每一個移動標(biāo)簽控制一個圖片。換句話說，就是在每一個移動標(biāo)簽與它的尾標(biāo)簽之間，只能夠放置一個圖片標(biāo)簽。
2、隔圖跳動的圖片代碼：
<marquee direction="up" height="200" behavior="alternate"
width="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"
26671783_4.jpg" height="100"></marquee>
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="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="春天沒來歡迎您"
26671783_4.jpg" height="100"></marquee>
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="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="春天沒來歡迎您"
26671783_4.jpg" height="100"></marquee>
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="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="春天沒來歡迎您"
26671783_4.jpg" height="100"></marquee>
解析： （1）隔圖跳動的圖片代碼，相鄰的兩個圖片標(biāo)簽，一個要用移動標(biāo)簽控制（或者說包裹），另一個不用移動標(biāo)簽控制。如果每個圖片標(biāo)簽都用移動標(biāo)簽控制，那么，相鄰的兩個移動標(biāo)簽中移動屏幕的高度，一個要設(shè)置得大一點，另一個設(shè)置得要小一點。 （2）上面的代碼可以復(fù)制粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標(biāo)簽。 （3）隔圖跳動的圖片規(guī)格不能太大，寬度和高度以不超過200px為宜。圖片總寬度不能超過700px，如果超過700px，圖片就不能夠在同一行顯示了。 （4）隔圖跳動的圖片代碼，每一個移動標(biāo)簽控制一個圖片。換句話說，就是在每一個移動標(biāo)簽與它的尾標(biāo)簽之間，只能夠放置一個圖片標(biāo)簽。 3、單圖移動橫排版代碼： <img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="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="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="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="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="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="http://image55.
360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height=
"100"></marquee>
解析：
（1）單圖移動橫排版代碼，每個圖片要用相同的移動標(biāo)簽控制。各圖片寬度之和不能超過700px。
（2）上面的代碼可以復(fù)制粘貼幾次，在粘貼的時候，必須在上一組的代碼末尾添加兩個換行標(biāo)簽。
（3）單圖移動橫排版的圖片規(guī)格不能太大，寬度和高度以不超過200px為宜。不能超過700px，圖片總寬度如果超過700px，圖片就不能夠在同一行顯示了。
（4）單圖移動橫排版的圖片代碼，每一個移動標(biāo)簽控制一個圖片。換句話說，就是在每一個移動標(biāo)簽與它的尾標(biāo)簽之間，只能夠放置一個圖片標(biāo)簽。 4、單圖移動豎排版代碼： <marquee height="100" width="100" scrollAmount="2">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="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="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="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="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="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="http://image55.
360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg" height=
"100"></marquee>
解析：
1、單圖移動豎排版代碼，把“單圖移動橫排版代碼”中每個移動標(biāo)簽的尾標(biāo)簽后面添加兩個換行標(biāo)簽即可（最后一個移動標(biāo)簽不添加）。
2、單圖移動橫排版的圖片代碼，每一個移動標(biāo)簽控制一個圖片。換句話說，就是在每一個移動標(biāo)簽與它的尾標(biāo)簽之間，只能夠放置一個圖片標(biāo)簽。
3、前面的三種移動圖片代碼，常常用來制作小模塊，作為文章中的小插圖或者分割線使用。
作業(yè)：
1、繼續(xù)熟悉移動標(biāo)簽名稱和圖片標(biāo)簽名稱，熟悉移動標(biāo)簽與文字標(biāo)簽中的屬性。
2、應(yīng)用上面講解的四種移動圖片代碼，各制作一篇文章。
 ２０１２年１０月2 6 日于北京
|
|
|
