css教程-CSS特效-一道閃光在圖片上劃過

3,847 views

大體思想是,設計一個透明層i,skewx在X軸上做了負25度的變形,背景顏色用的是CSS3的線性漸變linear-gradient,然后hover的時候,設置0.5s的動畫時間。 同時在 i 層使用 cursor:pointer,如果不設置這個的話,需要等透明層動畫之后才能看得到 pointer 指針。 打開 fireBUG 調試來看會更加清楚! <!DOCTYPE html PUBLIC

CSS中單位px和em,rem的區別

1,750 views

PX特點 1. IE無法調整那些使用px作為單位的字體大小; 2. 國外的大部分網站能夠調整的原因在于其使用了em或rem作為字體單位; 3. Firefox能夠調整px和em,rem,但是96%以上的中國網民使用IE瀏覽器(或內核)。 px像素(Pixel)。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的。(引自CSS2.0手冊) em是相對長度單位。相對于當前對象內文本的字體尺寸。如當前

JavaScript Switch 語句詳解

1,730 views

switch 語句用于基于不同的條件來執行不同的動作。 JavaScript Switch 語句 請使用 switch 語句來選擇要執行的多個代碼塊之一。 語法 switch(n) { case 1: 執行代碼塊 1 break; case 2: 執行代碼塊 2 break; default: n 與 case 1 和 case 2 不同時執行的代碼 } 工作原理:首先設置表達式 n(通常是一個變

JavaScript 運算符基礎知識

2,002 views

運算符 = 用于賦值。 運算符 + 用于加值。 運算符 = 用于給 JavaScript 變量賦值。 算術運算符 + 用于把值加起來。 y=5; z=2; x=y+z; 在以上語句執行后,x 的值是 7。 JavaScript 算術運算符 算術運算符用于執行變量與/或值之間的算術運算。 給定 y=5,下面的表格解釋了這些算術運算符: 運算符 描述 例子 結果 + 加 x=y+2 x=7 &#821

HTML 5 服務器發送事件

2,770 views

HTML5 服務器發送事件(server-sent event)允許網頁獲得來自服務器的更新。 Server-Sent 事件 – 單向消息傳遞 Server-Sent 事件指的是網頁自動獲取來自服務器的更新。 以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過服務器發送事件,更新能夠自動到達。 例子:Facebook/Twitter 更新、估價更新、新的博文、賽事結果等。

HTML 5 應用程序緩存

1,833 views

使用 HTML5,通過創建 cache manifest 文件,可以輕松地創建 web 應用的離線版本。 什么是應用程序緩存(Application Cache)? HTML5 引入了應用程序緩存,這意味著 web 應用可進行緩存,并可在沒有因特網連接時進行訪問。 應用程序緩存為應用帶來三個優勢: 離線瀏覽 – 用戶可在應用離線時使用它們 速度 – 已緩存資源加載得更快 減

HTML 5 Web 本地存儲

1,788 views

在客戶端存儲數據 HTML5 提供了兩種在客戶端存儲數據的新方法: localStorage – 沒有時間限制的數據存儲 sessionStorage – 針對一個 session 的數據存儲 之前,這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲,因為它們由每個對服務器的請求來傳遞,這使得 cookie 速度很慢而且效率也不高。 在 HTML5