- 2012-11-04
用JavaScript模拟弹出层,在不刷新页面的情况下,弹出内容框、图片、登录框,类似于Ajax应用的小程序。然后如果内容有图片,则图片预加载后再计算对象高宽。不然自身的高度就不对了,有时候图片把容器撑开了,但是我们在图片没下载完毕之前就获取了当时的容器高度……
- 2012-11-04
CSS平铺背景图片实现百分比图表,这个示例主要是练习CSS如何布局出规则图形,用CSS布局出图表图,这个技巧 也很常用,实现步骤却很简单,新手也能看懂,研究一下。
- 2012-11-04
这个是用CSS美化出来的一个漂亮滑块,注意它是一个静态的,没有加入JS,因此不能适时拖动,本示例重点是想表述CSS布局复杂图形的一种方法,好好看看代码,相信会对你帮助不少。
- 2012-11-04
仿265上下层的移动(上移,下移)(支持IE、FF,一个层的操作,可能对大家比较有用处。
- 2012-11-04
使用CSS的Filter滤镜实现的小效果,鼠标悬停时激活本效果,是一个半透明的图片提示层,本代码演示了核心的实现方法,你可以举一返三,作出更强大的效果来。
- 2012-11-03
一个自适应的宽度的两列网页布局,含头部和尾部,也是比较经典的二栏风格设计,在本例中,网页左栏是自适应宽度的,不论你的浏览器窗口大小,它都不会出现滚动条,你完全可以把它拷贝回去做为一个模板来用,也是学习CSS布局的一个好范例。
- 2012-11-03
CSS 水平自适应的实现代码,这个与其它的水平自适应好像还有点区别,它里面的文字也会自适应,文字外的DIV同样也会随着浏览器窗口的大小而水平适应,大家仔细观察一下。
- 2012-11-03
插入表格
- 2012-11-03
极酷的表格
- 2012-11-03
仿windows IE顶部的敬告工具条,可以关闭,设计还算精美,你完全可以用到自己的网页用于显示提示,请运行查看效果。
- 2012-11-03
搜索框是我们经常见到的网站功能,它的美观直接影响着网站舒适度,一般我们都会下功夫美化搜索框,实现这种效果有两种方法:一是整体处理一个背景,以透明gif图的方式定位到搜索框,或者切分开,这种方法加载快,而且灵活性更高。
- 2012-11-03
JavaScript未知高度元素的垂直居中代码,允许你在不知道外层元素高度的情况下,用Js强制其居中,虽然用了JavaScript有些麻烦,不过效果甚好,值得一试。
- 2012-11-03
OL定义有序列表的时候,除非指定list-style-position:inside,否则文字和前导符是有缩进的,但有的时候,OL定义的列表类型有限制,比如不能定义汉字的“一、二、三”,我们只好手动来输入这些字符,但这下文字和字符连在一起,这个时候就可以使用first-letter这个伪类来帮忙了,这下,前导符就和文字保持一定距离了,而且能控制的样式也更多一点。br>
- 2012-11-02
CSS固定浮动元素,拖动滚动条并无闪烁现象,这里用到了expression,可能网页资源占用稍大一点,因为expression是用CSS输出JavaScript,输出的代码并不是CSS能解释的,这样做虽然避免在网页代码里插入JS代码,但实际上,性能下降了不少,不赞成这样使用.
- 2012-11-02
jQuery 弹出一个基于层的菜单,这种菜单在各大网站应用非常广泛,本代码是模仿的,使用到了1.3.2版的jQuery 插件,仅供前端编程开发者参考。
- 2012-11-02
表格依次滚动变换内容的效果
- 2012-11-02
会动的表格
- 2012-11-02
这个CSS美化实例应该属于布局的范畴吧。这里的重点是CSS,因此表格使用了TABle,用CSS控制Table的边框像Windows系统窗体里的边线一样,表格边框为凹陷立体效果,当然,这里仅提供一种思路,你可以灵活修改使用。
- 2012-11-02
这个右下角窗口仅实现了最核心的部分,也就是控制它始终显示在右下角的位置 ,至于里面显示的内容,你可自己丰富,或者二次开发美化,完善起来。通过点击关闭,可将窗口缩至最小,注意不是关闭。这里要注意,scroll层开始设为隐藏,不然开始的时候会不出现在底部,这里通过跟js代码同步条镇,使scroll层开始就出现在右底。
- 2012-11-02
Div+CSS网页一列三行排列,自适应宽度的布局代码,这也算是最常见的一种布局方式了,有必要掌握哦,虽然很基础,但是复杂的网页就是这样堆砌出来地.