拋磚引玉式炫技：日歷圖標的純CSS實現【前端開發技能必備系列】
今天我介紹采用純CSS的方式來創建一個日歷圖標，你可以將其用在博客日志或者其它地方。自己也是學來的，但是效果是圖片級的。如題所述，不在炫技，重在拋磚引玉。最終效果如下： 和從前一樣，先看DEMO：http://www.paper-rater.com/jian-ce ...
原文：純CSS實現平滑伸縮的搜索框【前端開發技能必備系列】
有個朋友看到一個能伸縮的搜索框，叫我給他做。我到他所說的網站看了一下，馬上告訴他：這個能伸縮的框框得用 js 輔助才能實現，要是為了圖方便，在頁面上調用一個百十來K的js框架，就太不值得了，建議他不要實現這個功能了。但是，今天又看到類似的一個搜索框，仔細扒了代碼，才發現，這個伸縮功能只用CSS就可以實現 我又誤人子弟了...... 經常使用IE的朋友 園里應該不多了吧 請換個瀏覽器測試，因為... ...
2012-05-31 23:39 15 4094 推薦指數：
相關推薦
最近很火的圖片遮罩層展示頁面的實現【前端開發技能必備系列】
以新建的遮罩層顯示大圖片越來越受到主流網站的認可和重視，現在QQ空間和人人網兩大社區都采用了此種方法來展示照片。這種展示照片的方式確實很實用：不用重新打開窗口；點擊空白區域自動關閉；背景半透明，突出主題。 我也忍不住學習和模仿一下這種實現，以備不時之需。 由於遮罩層都用js生成，所以html ...
圖片延遲加載【前端開發技能必備系列】
在網上經常會看到一些很長的網頁會延遲加載其中的圖片，我認為這是一種按需分配的做法，網頁只為那些想繼續瀏覽網頁的人加載后面的圖片，在不影響用戶體驗的前提下，最大程度地減少服務器負擔和流量。目前，主要的購 ...
利用Math.random做背景圖像隨機切換【前端開發技能必備系列】
你應該見過（尤其是在一個網站的登錄頁面，比如：人人小站）這樣的效果：每次登錄的頁面背景都是不同的。這說明該頁面很有可能啟用了背景隨機切換的效果。最初見到這種效果的呈現時，覺得比較炫，后來仔細想想，這個用javascript實現起來應該很簡單。 先看一下我做的演示吧：http ...
HTML/CSS實現的搜索框
;title>掬一捧|搜索框的實現</title><meta charset= ...
獻給那些前端學習迷茫的人 -----前端開發必備的11項技能！！！
你或許會認為前端開發是一個非常easy的工作。對呀，你就是剛剛從網頁設計轉型過來的。但當你深入當中時，一定會發現好像前端開發不是那么簡單，光站點性能優化、響應式、框架就讓你焦頭爛額， 確實，做前端開發就是先易后難，想成為一個優秀的前端開發，沒有那么簡單 ...
HTML5實踐 -- 可伸縮的mobile搜索框
轉載請注明原創地址：http://www.cnblogs.com/softlover/archive/2012/11/20/2779845.html 今天我將介紹如何使用css制作一個可伸縮的mobile的搜索框，他非常適合於mobile的響應式設計的需要。本教程沒有使 ...
前端自定義搜索框實現
定義一個前端div 關鍵代碼，樣式調整 實現效果 項目全部代碼在自己的開源項目：https://github.com/u014427391/myblog ...