九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP

未登錄

開通VIP，暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服

代碼入門教程（13）

春天沒來 >《代碼入門教程》

2012.11.02

關(guān)注

第二章標(biāo) 簽應(yīng) 用

第十一節(jié) 移動圖片（3）

本節(jié)繼續(xù)學(xué)習(xí)圖片的移動。下面講解圖片的五種移動代碼。這五種移動圖片代碼，都可以制作成小模塊使用。要深刻領(lǐng)會代碼中的內(nèi)容，學(xué)會應(yīng)用這些移動圖片代碼。

一、相背而行的圖片代碼：

代碼1：（上下相背）

<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="

代碼解析：

1、“上下相背而行”的圖片代碼，由“向上”和“向下”移動的兩個(gè)移動標(biāo)簽分別控制六個(gè)小圖片，移動標(biāo)簽中都設(shè)置了移動屏幕的高度和寬度。

2、各個(gè)移動標(biāo)簽中小圖片的總寬度，一般不能超過670px,如果超過了670px，小圖片就不在同一行顯示了。

3、去掉上面移動標(biāo)簽中的“移動屏幕高度和寬度”，看看又是什么效果？想想為什么？（答案：移動屏幕的高度和寬度，是系統(tǒng)默認(rèn)的高度和寬度了。寬度沒有多大的變化，高度變大了。）

代碼2：（左右相背）

代碼解析：

1、“左右相背而行”的圖片代碼，由“向左”和“向右”移動的兩個(gè)移動標(biāo)簽分別控制六個(gè)小圖片，移動標(biāo)簽中都設(shè)置了移動屏幕的高度和寬度。

2、“左右相背而行”的圖片代碼，必須設(shè)置移動屏幕的高度和寬度。各個(gè)移動標(biāo)簽中小圖片的總寬度，一般不能超過335px,如果超過了335px，小圖片就不在同一行顯示了。

3、“左右相背而行”的圖片代碼，兩個(gè)移動標(biāo)簽的位置不可調(diào)換。

4、去掉上面移動標(biāo)簽中的“移動屏幕高度和寬度”，看看又是什么效果？想想為什么？（答案：移動屏幕的高度和寬度，是系統(tǒng)默認(rèn)的高度和寬度了。寬度沒有多大的變化，高度變?yōu)?00px了。向左移動的小圖片和向右移動的小圖片分為兩行顯示了。）

二、相對而行的圖片代碼：

代碼1：（上下相對而行）

代碼解析：

（1）“上下相對而行的圖片代碼”由“向下”和“向上”移動的兩個(gè)移動標(biāo)簽分別控制六個(gè)小圖片，移動標(biāo)簽中都設(shè)置了移動屏幕的高度和寬度。

(2)各個(gè)移動標(biāo)簽中小圖片的總寬度，一般不能超過670px,如果超過了670px，小圖片就不在同一行顯示了。 ( 3)去掉上面移動標(biāo)簽中的“移動屏幕高度和寬度”，看看又是什么效果？想想為什么？（答案：移動屏幕的高度和寬度，是系統(tǒng)默認(rèn)的高度和寬度了。寬度沒有多大的變化，高度變大了。）

代碼2：（左右相對而行）

代碼解析： (1)“左右相對而行”的圖片代碼，由“向右”和“向左”移動的兩個(gè)移動標(biāo)簽分別控制六個(gè)小圖片，移動標(biāo)簽中都設(shè)置了移動屏幕的高度和寬度。

(2)“左右相對而行”的圖片代碼，必須設(shè)置移動屏幕的高度和寬度。各個(gè)移動標(biāo)簽中小圖片的總寬度，一般不能超過335px,如果超過了335px，小圖片就不在同一行顯示了。

(3) “左右相對而行”的圖片代碼，兩個(gè)移動標(biāo)簽的位置不可調(diào)換。

(4)去掉上面移動標(biāo)簽中的“移動屏幕高度和寬度”，看看又是什么效果？想想為什么？（答案：移動屏幕的高度和寬度，是系統(tǒng)默認(rèn)的高度和寬度了。寬度沒有多大的變化，高度變?yōu)?00px了。向左移動的小圖片和向右移動的小圖片分為兩行顯示了。）

三、左右搖擺的圖片代碼：

（1）左右搖擺的圖片，相鄰的兩個(gè)圖片，一個(gè)要用移動標(biāo)簽控制，另一個(gè)不用移動標(biāo)簽控制。

（2）左右搖擺的圖片，圖片規(guī)格不宜太大，一般以100px左右為宜。

（3）移動標(biāo)簽中要設(shè)置移動屏幕的寬度與高度，要設(shè)置來回走的移動方式。

作業(yè)：

（1）認(rèn)真閱讀代碼解析，理解上面講解的各種移動圖片代碼設(shè)置要點(diǎn)。

（2）用上面講解的五種移動圖片代碼，各制作一篇文章并觀察其效果。

２０1２年 1 1月 2 日于北京

第二章標(biāo) 簽應(yīng) 用

第十二節(jié) 移動圖片（4）

本節(jié)繼續(xù)學(xué)習(xí)圖片的移動。下面講解圖片的四種移動代碼，這四種移動代碼一般都是使用一個(gè)圖片，不使用多個(gè)圖片。

1、從左下到右上移動的圖片代碼：

<marquee direction="right" height="250" width="100%" scrollAmount="5"><img style="filter: alpha(opacity=100,style=2);" src="代碼解析：

（1）從“左下到右上”移動的圖片代碼，由移動方向“向上”和“向右”的兩個(gè)移動標(biāo)簽控制一個(gè)圖片。兩個(gè)移動標(biāo)簽中都設(shè)置了移動屏幕的寬度和高度；圖片標(biāo)簽中應(yīng)用了css的濾鏡樣式，設(shè)置了圖片的寬度與高度。

（2）兩個(gè)移動標(biāo)簽中的“移動方向”可以互換，移動速度可以設(shè)置也可以不設(shè)置，移動屏幕的規(guī)格，必須設(shè)置。

（3）圖片的規(guī)格，不宜過大，以100px至250px為宜。

（4）圖片標(biāo)簽代碼注釋：<圖片標(biāo)簽 css樣式＝“濾鏡：設(shè)置透明度（透明度＝100，樣式＝2）”>。透明度默認(rèn)的范圍是從0 到 100，他們其實(shí)是百分比的形式，1到0之間的任何值都表示該元素的透明程度。也就是說，0代表完全透明，100代表完全不透明。

2、從右下到左上移動的圖片代碼：

<img style="filter: alpha(opacity=100,style=2);" src="代碼解析：

（1）從“右下到左上”的移動圖片代碼，由移動方向“向上”和“向左”的兩個(gè)移動標(biāo)簽控制一個(gè)圖片。兩個(gè)移動標(biāo)簽中都設(shè)置了移動屏幕的寬度和高度；圖片標(biāo)簽中應(yīng)用了css的濾鏡樣式，設(shè)置了圖片的寬度與高度。

（2）兩個(gè)移動標(biāo)簽中的“移動方向”可以互換，移動速度可以設(shè)置也可以不設(shè)置，移動屏幕的規(guī)格，必須設(shè)置。

（3）圖片的規(guī)格，不宜過大，以100px至250px為宜。

3、從左上到右下移動的圖片代碼：

<marquee direction="right" height="250" width="100%" scrollAmount="5"><img src="代碼解析：

（1）從“左上到右下”的移動圖片代碼，由移動方向“向下”和“向右”的兩個(gè)移動標(biāo)簽控制一個(gè)圖片。兩個(gè)移動標(biāo)簽中都設(shè)置了移動屏幕的寬度和高度；圖片標(biāo)簽中應(yīng)用了css的濾鏡樣式，設(shè)置了圖片的寬度與高度。

（2）兩個(gè)移動標(biāo)簽中的“移動方向”可以互換，移動速度可以設(shè)置也可以不設(shè)置，移動屏幕的規(guī)格，必須設(shè)置。

（3）圖片的規(guī)格，不宜過大，以100px至250px為宜。

4、從右上到左下移動的圖片代碼：

<marquee height="250" width="100%" scrollAmount="5"><img style="filter: alpha(opacity=100,style=2);" src="代碼解析：（1）從“右上到左下”的移動圖片代碼，由移動方向“向下”和“向左”的兩個(gè)移動標(biāo)簽控制一個(gè)圖片。兩個(gè)移動標(biāo)簽中都設(shè)置了移動屏幕的寬度和高度；圖片標(biāo)簽中應(yīng)用了css的濾鏡樣式，設(shè)置了圖片的寬度與高度。

（2）兩個(gè)移動標(biāo)簽中的“移動方向”可以互換，移動速度可以設(shè)置也可以不設(shè)置，移動屏幕的規(guī)格，必須設(shè)置。

（3）圖片的規(guī)格，不宜過大，以100px至250px為宜。

作業(yè)：

1、認(rèn)真閱讀代碼分析，掌握代碼設(shè)置要點(diǎn)。

2、上面講解的圖片的四種移動代碼，都是用兩個(gè)移動標(biāo)簽控制一個(gè)圖片。代碼中圖片規(guī)格與移動屏幕規(guī)格的設(shè)置非常重要，如果設(shè)置不好，就會出現(xiàn)“圖片的某個(gè)部分”在移動屏幕中移動的現(xiàn)象。試著改變一下圖片規(guī)格與移動屏幕規(guī)格，看看顯示效果，揣摩其中的奧秘。

3、用上面的四種移動標(biāo)簽，各自發(fā)表一篇文章?？梢蕴鎿Q圖片地址，可以修改移動速度，修改移動屏幕的高度與寬度。圖片的寬度與高度，最好與第二個(gè)移動標(biāo)簽屏幕的寬度和高度相同；一定要小于第一個(gè)移動標(biāo)簽的寬度和高度。

２０１２年 1 1月2 日于北京

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章