纯CSS实现框架一样的效果,一边滚动、一边不滚动,与position:fixed也很像,在IE7/IE8下完全正常,但没在火狐及IE6下测试,如果你有条件测试一下。...
分类:
Web程序 时间:
2015-04-18 14:36:16
阅读次数:
131
最近比较闲,思索着怎么提高下JS技术,于是找到了昵称为豪情的这哥们的一篇文章,应该是哥们吧,详细了解了下,发现其中的试题CSS部分有些做起来很吃力,于是乎各种google恶补盒模型,找到了这哥们的一文章《纯CSS无hacks的跨游览器多列布局》,应该是算是中文版吧,翻译辛苦了,这个是原文出处equa...
分类:
Web程序 时间:
2015-04-17 17:32:37
阅读次数:
138
<!DOCTYPE html> <html> <head> <title>checkbook</title> <meta charset="utf-8" /> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <style type="text/css"> [id^="checkbox-"] + label...
分类:
Web程序 时间:
2015-04-17 16:04:51
阅读次数:
172
超简洁但很实用的纯CSS下拉菜单代码,最多支持二级,不过对于一般性的网站,已经够用了,本代码更重要的是让CSS爱好者学会以一种下拉菜单的编写思路,从而更好的实现更多级的的导航菜单
分类:
Web程序 时间:
2015-04-15 19:15:14
阅读次数:
147
效果图,如上图所示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <titl...
分类:
Web程序 时间:
2015-04-14 21:46:53
阅读次数:
134
纯CSS无图实现DIV边框平滑阴影,利用1像素的原理而制作的阴影效果,让每个嵌套的DIV CLASS元素向外延伸一像素,颜色递减,这样就实现了阴影效果,而且效果不错...
分类:
Web程序 时间:
2015-04-14 14:43:22
阅读次数:
126
Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写,不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。
hint.css可以工作在所有的最新版现代浏览器上,CSS的过渡效果可以在IE10+, Chrome 26+ 和 FF4+浏览器上工作。
效果演示:http:/...
分类:
Web程序 时间:
2015-04-08 15:08:59
阅读次数:
168
纯CSS实现扑克牌效果,太牛了吧?不是图片哦,为了演示便,这里用JavaScript代码去控制了扑克牌的切换,挺不错的。...
分类:
Web程序 时间:
2015-04-03 17:24:45
阅读次数:
110
纯CSS效果的浏览屏显示,8段数码屏效果,虽然代码多了点,但能实现这效果算水平不错咯,呵呵,希望与学习CSS的同仁一起交流提高。...
分类:
Web程序 时间:
2015-04-01 22:07:22
阅读次数:
387
如果你曾经试过,你就会知道,用纯CSS样式加HTML实现统一的上传文件按钮可能会很麻烦。看看下面的不同浏览器的截图。很明显的,他们长得很不一样。 我们的目标是创造一个简洁,用纯CSS实现的,在所有浏览器里的样子和布局是一样的上传文件按钮。我们可以这样: 步骤1.创建一个简单的HTML标记123...
分类:
Web程序 时间:
2015-04-01 09:21:05
阅读次数:
142