jquery

jQuery選取元素時,時常會使用到parent(),父親層級這個函數來選取本身元素的父親層級,但往往需要在選取在外層如父親的父親,如範例li的爸爸ul,ul的爸爸nav,要對nav做些事情時,要如何處理,這時候其實恨簡單,只要在下一次相同的parent(),如下範例展示對nav插入一個hello文字。

Comment

Animate.css是個動畫CSS library,不過主要是專注在處理動畫的部分,並不負責在網頁上該什麼時機呈現動畫,加上WOW.js,如捲軸頁面在向下滾動的時候,有些元素會產生細小的動畫效果。雖然動畫比較小,但卻能吸引你的注意。如果你希望你的頁面也更加有趣,那麼你可以試試WOW.js。

WOW.js依賴animate.css,所以它支持animate.css多達60多種的動畫效果,能滿足您的各種需求。

瀏覽器兼容

IE6、IE7 等老舊瀏覽器不支持CSS3 動畫,所以沒有效果;而wow.js 也使用了querySelectorAll 方法,IE 低版本會報錯。為了達到更好的兼容,最好加一個瀏覽器及版本判斷。

開始使用WOW.js

引入文件

css

<link rel="stylesheet" href="/css/animate.min.css">

js

<script src="/dist/wow.js"></script>

Comment

jQuery隱藏與顯示所要展現的區塊

在網頁上常使用按下指定的按鈕(或區塊)後,jQuery隱藏與顯示所要展現的區塊,此方法可以使用jQuery click slideToggle 簡單的實現。

Comment

navigator 對像中的這幾個與 language 相關的屬性。

navigator 對象包含有關瀏覽器的信息。沒有應用於 navigator 對象的公開標準,不過所有瀏覽器都支持該對象。但是其內部一些屬性及其返回值在各瀏覽器並不統一。

language:返回當前的瀏覽器語言(來自 Mozilla Developer Center)

userLanguage:返回操作系統設定的自然語言(來自 MSDN)

browserLanguage:返回當前的瀏覽器語言(來自 MSDN)

systemLanguage:返回當前操作系統的缺省語言(來自 MSDN)

Comment

jQuery捲軸滑動區塊的判斷,網頁上常看到應用在廣告區塊上,讓使用者在滑下遊覽器捲軸時,到此區塊廣告的高度的後,並能夠將畫面上的廣告區塊能夠在此時畫面固定住,然而離開這個卷軸高度廣告區塊又能夠還原在原來區塊不固定。

Comment

Copyright © 2018 ucamc