抛砖引玉式炫技：日历图标的纯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 ...