来自：蓝色理想 http://bbs.blueidea.com/thread-2970477-1-1.html More »

作者：iiduce
字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片， More »

功能强大的弹出窗口js代码，可自定义以实现各种不同的弹出效果，包括：不带灰色半透明遮罩层的普通窗口；带遮罩层的弹出窗口；可定位在在指定位置的弹出窗口；可控制父级页面的弹出窗口等各种效果，一应俱全。 More »

Thickbox – 基于 jQuery，支持 AJAX，轻量级的而且比较高效。支持图片与HTML内容。大小约为 40k，目前还可作为 WordPress 的插件使用。这个js的优点在于与，父级的原页面滚动条随鼠标滚动的时候，弹出的层并不移动，而始终处于浏览器的固定位置。

More »

CSS Sprites 的优点：

• 当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。
• CSS Sprites 的目的就是通过整合图片，减少对服务器的请求数量，从而加快页面加载速度。 More »

 slideshow　中文网络常称之为“焦点图”“轮播效果”“滑动门”效果，各种形式js或flash已经司空见惯了，但是这里整理的一些轮播效果，个别实例相对来讲比较有新意，有些已经不在局限于图片的轮播切换，图文搭配的整体段落切换，tab标签按钮代替123等数字按钮等等形式，让页面表现的更为灵活。 More »

来源:http://sixrevisions.com/css/innovative-and-experimental-css-examples-and-techniques/
原文翻译:
css 并不总是意味着严谨、标准。这理，你将看到21个好玩、有趣味、实验性的css技术运用实例与演示其中讨论的一些技术与实例也许并没有被测试过，可能有些浏览器无法渲染，有些允许是被确认过的给予标准设计与开发的。这里大部分实例都是仅仅给予探索的目的。

Transparent CSS Menu Drop-down透明的css菜单 下拉效果

这个效果展示了如何设计一个高级的支持透明效果的css下拉菜单（需要javascript 来支持ie6png图透明问题)

More »

http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html

支持多个浏览器的日历选择器/日期选择
IE7 on Vista and XP SP2
IE6 on XP SP2
Firefox 2 and 3
Opera 9 – 9.5
Safari 3.1 for Windows
Google Chrome

More »

来源:http://sixrevisions.com/css/css_techniques_charting_data/

1. CSS for Bar Graphs

View Demo More »

来源http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。

自动切换的Tab选项卡切换效果

1) Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项卡菜单
下载地址:1  2 3

来源:http://www.noupe.com 翻译:parandroid

横向和纵向的下拉菜单

1) Fancy Sliding Tab Menu using script.aculo.us More »

来源:http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html 翻译:http://parandroid.com
下面为你准备了13个利用Javascript实现的网页导航菜单

1) Sexy Sliding Menu – 基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看到下面的图了没有，用它来设计你的Sidebar，非常之炫，Sexy，是的。

More »

 来源:http://www.noupe.com/css/30-exceptional-ajaxjavascript-techniques-recently-created.html 1) noobSlide- 八种ajax实现的slide图片文字轮换缓冲滚动效果 演示http://efectorelativo.net/laboratory/noobSlide/sample.html

• Checkout the Demo here.下载 More »

来源：http://sixrevisions.com/css/30_css_techniques_examples

1. Hoverbox Image Gallery

鼠标移到小图上放大查看大图效果下载地址：http://sonspring.com/files/hoverbox.zip A pure css-based gallery; hovering over an image enlarges it More »

打开演示页，左边菜单栏，移动鼠标就会看到效果：菜单颜色缓慢渐变，与flash菜单类似的变化效果。
Author:Alf Magne Kalleland
来源：http://www.dhtmlgoodies.com/index.html?whichScript=single_level_menu_multicolor

演示demo     More »