在網上經常會看到一些很長的網頁會延遲加載其中的圖片，我認為這是一種按需分配的做法，網頁只為那些想繼續瀏覽網頁的人加載后面的圖片，在不影響用戶體驗的前提下，最大程度地減少服務器負擔和流量。目前，主要的購物網站都采用了這種加載方式。今天在一個網友的站里發現一個圖片延遲加載的插件，很好用，在這里介紹一下 ...

有個朋友看到一個能伸縮的搜索框，叫我給他做。我到他所說的網站看了一下，馬上告訴他：這個能伸縮的框框得用 js 輔助才能實現，要是為了圖方便，在頁面上調用一個百十來K的js框架，就太不值得了，建議他不要實現這個功能了。但是，今天又看到類似的一個搜索框，仔細扒了代碼，才發現，這個伸縮功能只用CSS ...

遮罩層css 點擊以后頁面不能操作，直到時間結束 效果圖 js部分代碼 h5部分 第一個div 遮罩層，點擊事件在下一個div中，自己寫邏輯 ...

一、展示 二、代碼 遮罩層重點在： 1，head中的style css樣式、 2，body內的mask顯示div、 3，script中的js代碼。 4，因為這里使用了一點jquery，所以需要在head中引入jquery ...

今天我介紹采用純CSS的方式來創建一個日歷圖標，你可以將其用在博客日志或者其它地方。自己也是學來的，但是效果是圖片級的。如題所述，不在炫技，重在拋磚引玉。最終效果如下： 和從前一樣，先看DEMO：http://www.paper-rater.com/jian-ce ...

你應該見過（尤其是在一個網站的登錄頁面，比如：人人小站）這樣的效果：每次登錄的頁面背景都是不同的。這說明該頁面很有可能啟用了背景隨機切換的效果。最初見到這種效果的呈現時，覺得比較炫，后來仔細想想，這個用javascript實現起來應該很簡單。 先看一下我做的演示吧：http ...

話不多說，先上代碼，其實還是比較簡單的 其中#id就是你要遮罩的div的id，其中用到的加載中圖片：加載中圖片 就是這么簡單，這里需要注意的事，要進行遮罩的div的樣式要這樣設置position:relative（切記，否則達不到你想要的效果！） 忘了說了，這里的js代碼 ...

實現效果： 1.loading指令： View Code 2.頁面調用： 3.模塊調用： ...