<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

今天闲来无事，凑空写两个基于jQuery库的滑动下拉菜单，不同于上次的点击下拉！美工实在不行，凑合用吧，！

function strexists($haystack, $needle)
/**
* 这个看成函数重载也无妨，功能就是查找$haystack是不是在$needle中存在
* @para string $haystack
* @para string $needle
* @return boolean
*/

function strexists($haystack, $needle) {
       return !(strpos($haystack, $needle) === FALSE);
}

CSS 文字的发光效果通过 text-shadow 实现起来很方便的。

text-shadow: 1px 0 1px #8B4513, 0 1px 1px #8B4513, 
    0 -1px 1px #8B4513, -1px 0 1px #8B4513;

在 Firefox, Chrome, Opera, Safari 中的效果：

看上去这几款浏览器都支持。不过就是在 Chrome 里面，可以看见出来的效果并不好，奇怪的一点是为什么它的模糊会往里发展了，开始还以为 webkit 都这样，看了看 Safari，表现挺好的，边缘比 Firefox 还要锐利。 几经尝试，终于找到可以让 Chrome 也一样表现犀利的办法。通过观察可以得知在无模糊的情况下，也就是文本描边效果，各浏览器里的表现是一致的。

这是一个非常实用的CSS属性，且IE6也支持！用于缩放成不同比例的小图片时非常简单，而不需要多余的<div></div>做为容器来装载图片
clip(剪辑)属性就像一个蒙版。它允许你掩盖矩形的可见区域。要剪辑一个元素：你必须指position:absolute。然后，指定top rightbottom left值相对于元素的距离。

先说说，这个机制的用途吧，到现在为止战地知道这个机制有两个方面的用途：
首先，多服务器共享session问题，这个大家应该都能够理解的，当一个网站的用户量过大，就会使用服务器集群，例如专门有一个登录用的服务器。用户通过登录服务器登录之后，登录服务器保存了用户的登录信息session，而其他受访问的服务器，例如电影服务器没有这个session，那么我们就要通过一个session的唯一标识来共享这个session了——具体session的共享超出了本文的范围，请自行查阅资料。
第二个用途就是，验证同一用户的不同会话，这个比较难理解。这样说吧，一个用户并非通过浏览器来请求连接，而是通过socket或者其它方式来请求数据的时候，我们首先要对他进行用户登录验证，验证成功之后，就下发一个sessionid给他，然后他每次请求的时候就携带这个sessionid，我们通过这个sessionid来判断session是否已经存在，如果存在我们就认定用户已经登录……
对于第一个问题，我们可以把sessionid保存在数据库中得以实现，这个方法比较安全而且应用广泛，但是不是我们讨论的范围哦
第二个问题，其实已经很简单了，看一下代码
首先验证的时候产生一个sessionid;

/*上面的是除了IE6的主流浏览器通用的方法*/

看到一篇《css3时尚进度条的设计》的文章，很是喜欢，准备好好研究一下，不过本文我先用photoshop把它设计出来，大家一块分享，非常简单。

这个在ps里面实现比较简单，但想用css来实现，实在是非常的复杂，里面涉及到很多新样式的应用，希望在下节中可以好好和大家一块学习。
1、定义图案，设置背景

jQuery部分：

$(document).ready(function () {
    $('img.menu_class').click(function () {
    $('ul.the_menu').slideToggle('medium');
    });
});

显示的效果如下图所示：

把代码贴上来与大家一起分享：
HTML Markup

css修改图片颜色演示代码如下：

<style type="text/css" media="screen">
  html,body {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
</style>