實現慕課網首頁的某效果

2022-03-24 08:52:29 字數 854 閱讀 7032

今天又去看的時候,突然想到了實現的方法,就動手做了,**如下。

其實實現原理就是利用css3的transition屬性,然後用js判斷當前滾動條的位置,改變opacity來實現淡入淡出,改變margin-top來讓內容往上頂,就這樣咯

ps:今天在寫的時候發現了個小東西

js裡document.body表示html裡的body元素,document.documentelement表示的是html裡的html元素

所以document.body.clientheightdocument.documentelement.clientheight是不是相等呢?

恩。。。這個問題。。。

曾經我以為是相等的,也以為是不等的。。。還想到了什麼混雜模式標準模式。。--笑cry

就像我看到array.prototype.slice===.slice,然後就天真地以為array.prototype ===了,結果其實是我太傻太天真。

說到底還是我底子太薄了,這些東西老愛搞混。

好吧。。扯遠了。。言歸正傳

其實這裡的document.body.clientheight表示的是頁面內容的高度,而document.documentelement.clientheight表示的是視窗可見區的高度。

恩。 今天就寫到這裡吧。。。

接觸前端近四個月了,第一次正式寫部落格。。。想想還有點激動呢。。。 以後多寫多寫。。。算是對自己的乙個總結吧

慕課網 用textview實現跑馬燈效果

當textview中的文字很長,但又想一行顯示完的時候,可以用跑馬燈的效果 textview的屬性中可以如下設定 乙個textview建立出來,如果裡面的文字很長,預設是這樣 設定singleline為true後顯示為這樣 ellipsize設定為marquee,focusable和focusabl...

php實現類似慕課網,php中文網的分類功能

前端核心 方向 type,sort sortlist id parent sortlist sid style text decoration none 全部 type,sort sortlist id parent sortlist sid style text decoration none 全...

linux的shell基礎 慕課網筆記

shell是乙個命令直譯器,提供了使用者與核心進行互動操作的一種介面 檢視當前的shell echo shell 指令碼執行方式 echo輸出命令 作用 把指定內容輸出到螢幕上 echo 選項 輸出內容 選項 e 支援反斜線控制的字元轉換 eg.echo hello,world 螢幕輸出 hello...