$(function(){ var $box=$("#box"); var $img=$box.find("img"); var imgWidth=$img.eq(0).width(); var exposeWidth=160; var boxWidth=imgWidth+exposeWidth*(...
分类：
Web程序 时间：
2014-07-24 21:25:29
阅读次数：
225
精美设计滑动门菜单，sky整理收集。">站长特效网,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。 站长特效网，www.zzjs.net [2007-05-16] 站长特效网，专注于网页特效及广告代码，zzjs .n...
分类：
其他好文 时间：
2014-07-05 22:05:09
阅读次数：
283
多个滑动门在同一个页面展示，在工作小组里面，一直是一个让人比较纠结的问题~学习库里面有一个技术同事5年前给封装的控件，大家就一直在用复用那个。 最近项目里面用到的这个效果非常多，每次都要调用那个js控件，还得按规则匹配相应的id，真心觉得麻烦，就在想，为嘛不自己写一个可以通用的~ ...
分类：
Web程序 时间：
2014-07-03 22:37:49
阅读次数：
242
14个优化网站性能提高网站访问速度的技巧 又叫“雅虎十四条”，想起一年前那个懵懂的我，大四傻乎乎的跑到大学城面试前端，那个时候以为寒暑假看了两套CSS的视频，就很牛B了，出发先还把视频温了一下，嗯嗯，这是滑动门，嗯嗯这是绝对定位，嗯嗯这是浮动清除…… 当时是彪叔面试我的，当时我还不知道那个人，全身黑...
分类：
Web程序 时间：
2014-07-01 21:09:06
阅读次数：
280
原理：最外层放水平平铺的背景，第二层放左边，第三层放右边，注意这个做法背景图不能透明结构: 样式：.module-title { height:33px; background: url(../images/more-title.png) 0 -33px repeat-x; text-inden.....
分类：
Web程序 时间：
2014-07-01 18:23:28
阅读次数：
235
11.3节介绍的不固定宽度的圆角框制作方法只适用于单色的圆角框，对于带有复杂边框的圆角框就不适用了。另外，还需要考虑一个问题，用11.3节介绍的方法制作的圆角框，尽管可以适应不同宽度，但是它里面的正文段落也承担了设置圆角框布局的任务。也就是说，圆角框中的正文并不是独立的，正文内容不能自由地设置样式。...
分类：
其他好文 时间：
2014-06-28 19:40:47
阅读次数：
238
在本案例中，要实现如图1所示的圆角菜单效果。如果通过背景图片来使用前面介绍的滑动门技术，也是可以实现的。但在本案例中，我们采用另外一种方法来制作，其特点是不使用任何图像文件，仅通过CSS本身来实现这样的效果。该实例文件位于网页学习网CSS教程资源的“第8章\05\rounded-navi.htm”。...
分类：
其他好文 时间：
2014-06-20 16:33:51
阅读次数：
300
本例中要实现一个玻璃材质效果的水平菜单。为了表现出立体的视觉效果，以及玻璃的质感．必须借助图像才可以实现，完成后的效果如图1所示。该实例文件位于网页学习网CSS教程资源的“第8章\03\glass-navi.htm”。图1 玻璃效果的菜单本例中用到了两个图像，分别作为整个菜单的背景色平铺使用的，和当...
分类：
其他好文 时间：
2014-06-20 16:19:29
阅读次数：
300
第7章中，介绍了5个竖直方向菜单的制作方法，相信读者可以体会到CSS的功能非常强大。在本章中，我们将制作6个水平排列的菜单。它们也同样各具特色，而且应用了一些CSS设计中非常重要的技术，例如“滑动门”技术。它不仅仅应用在这里，奉书后面的很多案例中，都会看到“滑动门”技术的应用。这一节要实现一个简单的...
分类：
其他好文 时间：
2014-06-20 16:06:00
阅读次数：
201
今天我们开始学习下拉及多级弹出菜单，包含以下内容和知识点：带下拉子菜单的导航菜单
绝对定位和浮动的区别和运用 css自适应宽度滑动门菜单
一、带下拉子菜单的导航菜单下拉菜单在一些企业网站应用尤为广泛，它存在使用方便，占用空间小等特点。之前纵向导航教程中已使用过二级导航，今天制作下横向导航菜单的二级菜...
分类：
Web程序 时间：
2014-05-25 03:05:23
阅读次数：
324
