网页特效 / 网页特效 / 层和布局zh-cnhttp://www.mb5u.com/jscode/47058/非常不错的表格排序2012-05-24 14:18:58层和布局http://www.mb5u.com/jscode/47057/行变成列，列变成行2012-06-08 15:46:07层和布局http://www.mb5u.com/jscode/47053/文本输入限制2010-05-23 00:49:24层和布局http://www.mb5u.com/jscode/47052/拆分单元格2010-05-23 00:49:23层和布局http://www.mb5u.com/jscode/47049/控制表格内的滚动条2012-05-08 21:03:16层和布局http://www.mb5u.com/jscode/47048/颜色交替的表格2012-06-08 15:46:07层和布局http://www.mb5u.com/jscode/47045/JS计算里面有多少个2012-05-08 21:03:16层和布局http://www.mb5u.com/jscode/47043/极酷的表格2012-11-03 10:47:06层和布局http://www.mb5u.com/jscode/47041/会动的表格2012-11-02 17:12:19层和布局http://www.mb5u.com/jscode/47038/可拖动单元格2013-01-13 14:07:53层和布局http://www.mb5u.com/jscode/47036/变色表格2012-11-07 09:38:56层和布局http://www.mb5u.com/jscode/47034/访问表格的每个TD2012-11-07 09:38:55层和布局http://www.mb5u.com/jscode/47032/表格操作2012-11-07 09:38:55层和布局http://www.mb5u.com/jscode/47030/表格排序2012-11-07 09:38:55层和布局http://www.mb5u.com/jscode/47028/表格依次滚动变换内容的效果2012-11-02 17:12:19层和布局http://www.mb5u.com/jscode/47026/插入表格2012-11-03 10:47:06层和布局http://www.mb5u.com/jscode/47024/宽度为一象素的表格2012-05-08 21:03:15层和布局http://www.mb5u.com/jscode/47022/透明的表格2012-05-24 14:20:25层和布局http://www.mb5u.com/jscode/47020/改变单元格的内容2012-11-13 10:54:26层和布局http://www.mb5u.com/jscode/47018/动态表格(PowerTable)2012-11-09 16:06:36层和布局http://www.mb5u.com/jscode/47016/表格或层往下慢慢展开的效果2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/47014/插入单元格2012-11-09 16:06:36层和布局http://www.mb5u.com/jscode/47012/Microsoft　标题表格2012-11-04 12:08:44层和布局http://www.mb5u.com/jscode/47009/变色的表格框2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/46200/CSS垂直自适应，也就是竖向自适应，当元素的内容超出元素定义的高度时候的显示效果。2012-06-08 15:44:06层和布局http://www.mb5u.com/jscode/46199/jQuery 弹出一个基于层的菜单，这种菜单在各大网站应用非常广泛，本代码是模仿的，使用到了1.3.2版的jQuery 插件，仅供前端编程开发者参考。2012-11-02 17:12:19层和布局http://www.mb5u.com/jscode/46198/仿265上下层的移动(上移,下移)(支持IE、FF，一个层的操作，可能对大家比较有用处。2012-11-04 12:08:43层和布局http://www.mb5u.com/jscode/46197/有时候我们想让div遮挡整个页面，页面可能出现滚动条，也可能不出现，页面有可能是html或者xhtml，这个方法可以通杀这些情况，而且根据你的要求，是盖整个页面，或者可视部分，在兼容性方面支持ie6-8、ff3.0-3.6、chrome、safari……浏览器等。2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/46196/CSS固定浮动元素,拖动滚动条并无闪烁现象,这里用到了expression,可能网页资源占用稍大一点,因为expression是用CSS输出JavaScript,输出的代码并不是CSS能解释的,这样做虽然避免在网页代码里插入JS代码,但实际上,性能下降了不少,不赞成这样使用.2012-11-02 17:12:19层和布局http://www.mb5u.com/jscode/46195/纯CSS实现圆角、可拖动的一个DIV模块层2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/46194/jQuery Div拖动+键盘控制综合效果，随意拖动大方块，想拖动哪就是哪，按回车键，方块还能做自由落体运动。2012-11-01 15:24:15层和布局http://www.mb5u.com/jscode/46193/可拉伸移动的DIV层，使用的是一个自定义的JS类，看上去不像是JQUERY那类东西，基于JavaScript。不过这个拖动层效果挺不错，可以在一个网页上放置三个这样的层，每一个层都具备选中效果，也就是当点击某个DIV的时候，它的四周会出现小方框，这个效果还能用于其它地方。2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/46192/CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。2012-11-03 10:47:06层和布局http://www.mb5u.com/jscode/46191/可拖动拉伸的左右分栏效果，你使用Frame框架的样子，但是本例子完全是用Table以及JS来实现的，左右分栏可改变，拖动中间的边框就可实现宽度的调整，点击时可设置为隐藏左侧列表。2012-10-30 18:19:50层和布局http://www.mb5u.com/jscode/46190/CSS多层绝对定位的一个小演示，多个层嵌套在一起，学习CSS布局的一个好例子。2012-11-01 15:24:15层和布局http://www.mb5u.com/jscode/46189/Div+CSS网页一列三行排列,自适应宽度的布局代码,这也算是最常见的一种布局方式了,有必要掌握哦,虽然很基础,但是复杂的网页就是这样堆砌出来地.2012-11-02 17:12:18层和布局http://www.mb5u.com/jscode/46188/一个JS+CSS布局的人气列表，目前在交友一类的网站中，这类排版样式比较多，结构醒目，外观大方，而且具有动感效果，实属不错，我本人很喜欢。2012-10-30 18:19:49层和布局http://www.mb5u.com/jscode/46187/一个CSS布局实例，介绍的是一个横向排列的图片列表，这也是大家在从事网页布局时候最常见的一种布局实例，有必要掌握，本代码已经过了优化，个别细节你需根据你的网站主CSS风格进行调整，才能完美搭配。2012-11-01 15:24:14层和布局http://www.mb5u.com/jscode/46186/Javascript 滑动的说明文字提示效果，提示动作由鼠标激活，移动鼠标可看到图片上的提示性文字 ，本效果已应用广泛。2012-10-30 18:19:49层和布局http://www.mb5u.com/jscode/46185/JavaScript仿Flash动画放大/缩小Div容器,兼容IE和DOM，设置参数：元素对象、样式特性等,可重复使用,每个容器可以自定义大小，效果也是挺常用的。2012-10-30 18:19:49层和布局http://www.mb5u.com/jscode/46184/在天涯社区发现的一个始终固顶工具栏，用CSs代码布局，原先发现有少这样的顶部工具条，但有很多在拖动滚动条的时候有闪烁现象，竟然发现天涯这个没有闪烁 ，于是花点时间从天涯扒下来，这就是完整的代码，实际上细心的朋友会发现，这个顶部的工具条实则是一个平铺的背景图像，CSS起到固定背景的作用，也算是一种独特的实现方法。2012-11-01 15:24:14层和布局http://www.mb5u.com/jscode/46183/相对但又智能固定位置的布局实例，JS+CSS弹出提示层，如果提示层出现在屏幕边缘，那么Js会智能判断出位置，并更改显示位置，提升人性操作，弹出的提示层内可放入图片、文字等内容，如果要提示的层比较多，可按示例CSS中的代码继续增加就行了，注意数字要改变，不能重复。2012-11-01 15:24:14层和布局http://www.mb5u.com/jscode/46182/一个自适应的宽度的两列网页布局，含头部和尾部，也是比较经典的二栏风格设计，在本例中，网页左栏是自适应宽度的，不论你的浏览器窗口大小，它都不会出现滚动条，你完全可以把它拷贝回去做为一个模板来用，也是学习CSS布局的一个好范例。2012-11-03 10:47:06层和布局http://www.mb5u.com/jscode/46181/JavaScript仿关机界面，其实是一个隐藏层、显示层的应用，用了一个布满小点的图片当作背景，你完全可以将图片更换为某一背景颜色，这样就完全是一个隐藏层的效果了。2012-11-01 15:24:14层和布局http://www.mb5u.com/jscode/46180/这个右下角窗口仅实现了最核心的部分，也就是控制它始终显示在右下角的位置 ，至于里面显示的内容，你可自己丰富，或者二次开发美化，完善起来。通过点击关闭，可将窗口缩至最小，注意不是关闭。这里要注意，scroll层开始设为隐藏，不然开始的时候会不出现在底部，这里通过跟js代码同步条镇，使scroll层开始就出现在右底。2012-11-02 17:12:18层和布局http://www.mb5u.com/jscode/46179/这个CSS美化实例应该属于布局的范畴吧。这里的重点是CSS，因此表格使用了TABle，用CSS控制Table的边框像Windows系统窗体里的边线一样，表格边框为凹陷立体效果，当然，这里仅提供一种思路，你可以灵活修改使用。2012-11-02 17:12:18层和布局http://www.mb5u.com/jscode/46178/其实这种效果可以不用jQuery，不过这样会写很多的JavaScript代码，觉得jQuery还是很方便的，不足之外敬请指正 。br>　　提示：第一次运行请稍等一会或者重新刷新页面，因调用了远程的jquery插件，需要加载完成才能运行。2012-11-02 17:12:18层和布局http://www.mb5u.com/jscode/46177/OL定义有序列表的时候，除非指定list-style-position:inside，否则文字和前导符是有缩进的，但有的时候，OL定义的列表类型有限制，比如不能定义汉字的“一、二、三”，我们只好手动来输入这些字符，但这下文字和字符连在一起，这个时候就可以使用first-letter这个伪类来帮忙了，这下，前导符就和文字保持一定距离了，而且能控制的样式也更多一点。br>　　2012-11-03 10:47:05层和布局http://www.mb5u.com/jscode/46176/这个是用CSS美化出来的一个漂亮滑块，注意它是一个静态的，没有加入JS,因此不能适时拖动，本示例重点是想表述CSS布局复杂图形的一种方法，好好看看代码，相信会对你帮助不少。2012-11-04 12:08:43层和布局http://www.mb5u.com/jscode/46175/JavaScript未知高度元素的垂直居中代码，允许你在不知道外层元素高度的情况下，用Js强制其居中，虽然用了JavaScript有些麻烦，不过效果甚好，值得一试。2012-11-03 10:47:05层和布局