jQuery基礎教程第九章學習

2021-06-19 03:51:18 字數 2518 閱讀 6103

滑移和翻轉

把要顯示的第乙份內容放在放在div的正常位置,將第二份、第三份。。等等,待顯示的

內容通過overflow:hidden隱藏在div容器的下端(這裡所有的內容是在同乙個容器之下的,因

為當雖然固定了高度,但內容可以撐開容器,所以需要前面的那個屬性來隱藏)。當動畫移動時,

是將第乙份內容向上移動height(參考下面div樣式)高度(有動畫效果)後再把它移動回div下端(無動畫效果)。

在第乙份移動的同時隱藏在下端的第二份也從下面移動top(參考下面文字樣式)高度上到正常位置,就這樣可以

形成周而復始的迴圈效果。

div的樣式:

必須有:1.固定的height和width(保證文字顯示和動畫的移動)

2.overflow:hidden(保證我們將文字放在下面時會隱藏)

可選:position:relative.......等還有很多

文字樣式(div下面的文字):

必須有:1.position:absolute(要是這個的話,div樣式就必須有position:relative,具體為什麼,可以去查下absolute是如何定位的)抑或position:relative

2.固定的height(數值與上面的div相同就好了)

3.固定的top(這些文字內容是放在div中的,所以要將第二份內容、第三份內容。。等等這些的放在超過div容器的下端,其數值在上面div的height上加上一定的數值,讓其超過div容器的高度)

4.overflow:hidden.

把文字分成一段一段,建立與文字段數量相同的div,然後將文字放入div中,接著,把這些放入乙個總的div中,總的div應用前期工作中的div的樣式,放文字的div應用文字div。

接下來就是通過animate方法來移動這些div和設定settimeout()來實現動畫的不斷移動。

同樣的,把所有的相片放在乙個div中,然後固定好這個div的width,使其剛剛承載三張,然後利用overflow:hidden來

所以不會複製,它僅僅把其重新插入到結尾,為什麼關鍵呢?因為在操作的時候我們可以直接利用遍歷,然後取前三個元素來操作,即

.eq(0),.eq(1),eq(2),而當重新插入時,這些元素都會重新排列一次,所以不用記錄第幾個什麼的。

放大鏡功能其實是通過設定的width和height兩個引數來放大。

這裡就不闡述實現過程了。

Python基礎教程(第九章)

新型類 class newstyle object 或者 metaclass type class style 建構函式 init self 子類的建構函式中呼叫父類的建構函式 呼叫未繫結的超類構造方法 呼叫例項的方法時,該方法的self引數被自動繫結到例項上 稱為繫結方法 若呼叫類的方法,就沒有例...

c 基礎 (第九章)

結構體型別說明 struct 結構體識別符號 成員變數列表 如果沒有結構體識別符號,則稱為無名結構體型別 引用結構體變數成員 l 結構體變數名.成員名 l 結構體指標名 成員名 l 結構體指標名 成員名 共用體共用體所有變數共用一塊記憶體 定義格式如下 union 共用體識別符號 成員變數列表 列舉...

第九章(筆記)

轉移指令是可以修改ip,或同時修改cs和ip的指令 offset 是用於提取標號偏移位址的操作符 jmp在第2章裡說到時用於修改ip或同時修改cs和ip的轉移指令,這章裡單獨的jmp指令是乙個無條件的轉移指令 jmp short 標號 是實現段內短轉移 jmp near ptr 標號 是實現段內近轉...