想必大家在开发前端页面时，肯定少不了显示隐藏层这一技术点。那么我简单粗暴地总结了以下两个小demo. 要实现该截图的功能：鼠标移动到我的好友这个选项卡时，灰色的隐藏层就会出现。1. 通过纯CSS实现。该方法最简单，最粗暴。这是部分HTML代码。 我的好友 闺蜜 同学 创建分组 CSS代码部分...
分类：
Web程序 时间：
2015-09-24 12:43:58
阅读次数：
294
这是一款纯CSS菜单，二级下拉导航效果，是最简洁的CSS导航菜单，兼容性也很棒，IE7/8、火狐等都支持，而且它还是学习CSS菜单编写的典型教程，让你学会很多CSS技巧。运行效果截图如下： 纯CSS菜单 首页最新更新下载排行ASP企业整站图片相册社区程序PHP博客微博论坛社区JSP企业新闻系...
分类：
Web程序 时间：
2015-09-20 17:37:37
阅读次数：
139
代码文件如下： 1 2 3 4 5 radio选项卡切换 6 21 22 23 24 25 26 选项卡127 asdasdsad128 29 ...
分类：
Web程序 时间：
2015-09-20 16:16:35
阅读次数：
136
今天我们要来分享一款基于纯CSS的气泡提示框，和之前分享的一款jQuery消息提示框插件Tipso类似，整个提示框由箭头和矩形框组成，并且气泡提示框的箭头可以有不同的方向。这款CSS气泡提示框由纯CSS完成，最大的特点就是可以自定义配置，包括文字颜色、背景颜色和箭头方向等。效果图如下：在线预览源码下...
分类：
Web程序 时间：
2015-09-16 09:45:14
阅读次数：
154
鼠标悬浮在超链接上弹出提示框：大家知道超链接有一个title属性，当鼠标放在链接的时候，可以出现一个提示框效果，不过自带的效果虽然廉价但往往并不物美，所以需要自定义一个，下面是一个纯CSS实现的这样的效果，和大家分享一下。代码实例如下:鼠标悬浮在超链接上弹出提示框-蚂蚁部落蚂蚁部落欢迎您，点击链接蚂...
分类：
其他好文 时间：
2015-09-12 17:38:11
阅读次数：
231
效果图：main.html 代码： 1 2 3 4 MyHomepage 5 6 7 8 9 10 18 19 20 21 22 Get busy living or get busy dying 23 ...
分类：
Web程序 时间：
2015-09-10 00:24:20
阅读次数：
257
一直想做一个纯css的导航栏，今天终于在百忙的工作中抽出一点时间来写了一下。唉,,.......都是泪啊....不说了，看下效果吧：看着很炫酷哦，哈哈哈，接下来一步一步来实现它吧。。要有耐心哦。看下dom元素怎么排列的，就是最普通的（）：header.html： 1 2 3 4 5 ...
分类：
其他好文 时间：
2015-09-09 16:10:29
阅读次数：
196
前几天在公司修改一个css 多个按钮居中问题，其实这样的问题很多前端程序员都遇到过，举个例子吧：在一行中有三个按钮或是两个按钮...个数不定，然后间距固定；然后就有很多人把所有按钮放到一个div中，把div置为margin:10px auto(距上10像素，居中，然后又给了一个固定宽度，按钮放在这个...
分类：
Web程序 时间：
2015-09-06 18:04:08
阅读次数：
261
一、无图片技术定义在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”？首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesh...
分类：
Web程序 时间：
2015-09-06 06:17:00
阅读次数：
211
html 结构 css.container{ width: 100%; height: 100%; text-align:center; position: fixed;}.container:after { display: inline-block; ...
分类：
Web程序 时间：
2015-09-03 19:08:35
阅读次数：
188
