• 预览未知图片高度的CSS水平、垂直居中

    2012-11-16
    这是个比较实用的CSS技巧,未知图片高度和宽度实现其在指定区域内的水平、垂直居中,这里要注意有JavaScript的全局定义:Firefox/Opera,不过看上去效果真的挺理想,这在以后我们布局网页很有用的。
  • 预览简洁滑动门(Tab)

    2012-11-16
    一个超简洁的JS滑动门Tab,用较少的代码实现了实用的功能,你可以把此当作一个制作滑动门的教程,其实万变不离其踪,几乎所有的滑动门及TAB都是这样实现的。
  • 预览点击图片后将地址写入到Input文本框

    2012-11-16
    比较实用的一个CSS+Js实现技巧,点击图片后将图片地址写入到Input文本框中。
  • 预览CSS圆角有立体感的DIV边框

    2012-11-15
    CSS制作圆角有立体感的DIV边框,没有使用任何的修饰图片哦,感觉酷棒,如果对颜色不满意,可以自己改,不过要注意颜色之间的色差,要不然效果不理想。其实不用图片的话网页加载非常快,不过CSs定义略显麻烦些。
  • 预览最简单的打开、关闭层代码

    2012-11-15
    最简单的打开一个层、关闭一个层的代码,比如登录的时候就可以用这个效果,会在当前页显示原有被隐藏的层,当然也可以关闭哦。
  • 预览一行三列自适应的CSS列表布局

    2012-11-15
    一行三列自适应宽度的CSS列表布局,也说是常用的包含标题、时间、或作者的三列布局,也是CSS新手们布局中问的比较多的问题,本代码段可以为你提供一个不错的参考,缩小浏览器窗口,它为自动适应变化。
  • 预览Alert 效果(Js+CSs模拟)

    2012-11-15
    JavaScript+CSS仿Alert提示效果,点击链接后背景变黑,弹出一个提示层,当然也可以关闭,关闭后网页恢复正常颜色,为了符合WEB标准,提升网页浏览体验,目前大部分网站都已经抛弃了Alert,直接换为这种,而且还灵活,提示的内容可以自己定义,方便多了。
  • 预览纯CSS无图实现DIV边框平滑阴影

    2012-11-15
    纯CSS无图实现DIV边框平滑阴影,利用1像素的原理而制作的阴影效果,让每个嵌套的DIV CLASS元素向外延伸一像素,颜色递减,这样就实现了阴影效果,而且效果不错。
  • 预览QQ在线客服代码

    2012-11-15
    功能不错的QQ在线客服代码,打开网页后悬停在网页右侧,不少的IDC网站有这种效果,它可以把您的QQ客服分门别类,让用户更能找到他需要的客服,可能比较实用。
  • 预览Js淡入淡出——DIV层透明的Fade效果

    2012-11-15
    JavaScript 控制DIV层实现淡入淡出效果,层最开始是完全 不透明的,慢慢的就会降低透明度,直到消失,本特效适合整合到其它的脚本中,完成一个基础功能。
  • 预览很棒的打开、关闭拖动层特效

    2012-11-15
    非常好的打开、关闭拖动层特效,也是现在WEB2.0常用到的功能,可以用作程序执行提示等,界面友好,代码精简,感觉不错。
  • 预览精美CSS文章列表含标号、时间显示

    2012-11-15
    一个设计精美的含标号、时间的CSS文章列表,前端布局标号,后端紧跟时间,标题过长的时候自动截断,以保证整体的美观,这种列表很常用,建议收藏。
  • 预览Ajax加载外部页面的一个弹出层效果

    2012-11-14
    Ajax加载外部页面的一个弹出层效果,请注意本实例不能跨域读取文件,文件必须在同一根目录下,如果需加载的文件过大或数据过多,可能加载的时间相对较长,为了避免乱码,外部文件请使用utf-8编码,否则中文可能乱码。
  • 预览CSS使用overflow隐藏超出范围的内容

    2012-11-14
    CSS使用overflow隐藏超出范围的内容,这是一个经典的CSS好示例,大家在WEB设计的时候都会遇到的问题,CSS给我们提供了多种解决方案,使用text-overflow, overflow, white-space等,可以完美控制字符的溢出或超出现象。 
  • 预览类似新浪邮箱的JS提示窗口

    2012-11-14
    模仿的新浪邮箱里的提示窗口,因为美化起来太麻烦了,本人美工不行,只是为了练手才写,它分为有自定义的按钮以及无自定义的按钮,功能模拟差不多都实现了,希望学习JS的朋友一起切磋。
  • 预览用CSS设计类似条状统计表效果

    2012-11-14
    用CSS设计类似条状统计表效果,基于CSS实现,这里要注意一下,实际显示在柱状图上的数字要和CSS代码里的一致,否则会感觉数据有点乱,正因为这种设计思路,决定这款代友实用度不太高,只是可以用来学习CSS的百分比布局方法。
  • 预览JS带缓冲效果打开、关闭、移动一个层

    2012-11-14
    JavaScript带缓冲效果打开关闭一个层,很牛的效果,有缓冲的作用会看上去更人性一点,符合人的视觉感受,会对你的网页产生好感,试试吧,把它应用到你的项目中,相必会不错的。
  • 预览CSS+JavaScript经典版折叠、合拢的三级菜单

    2012-11-13
    CSS+JavaScript经典版折叠、合拢的三级菜单,这个菜单还是值得研究一下的,一共可展开三级,最里面一级用滚动条来显示菜单内容,整个菜单竖直风格,放到网页的左侧或当作后台管理菜单的模块貌似还不错。
  • 预览CSS直方图布局示例

    2012-11-13
    利用CSS布局一个直方图,可能比较实用,主要是考验使用CSS布局的能力,看看效果吧。
  • 预览改变单元格的内容

    2012-11-13
    改变单元格的内容