首先在首页引用jquery库 jquery-1.7.1.mini.js
然后把下面的代码放在下面就可以了！
<script>
$(document).ready(){
$('#nav li').hover(){
function(){
$('#nav ul').css({'display':'none'})
$(this).children('ul').css({'display':'block'})
},function(){
$('#nav ul').css({'display':'none'})
}}}
</script>
HTML5+CSS3实现全屏导航栏菜单，悬停在右上角的小图标，点击以圆形扩散的方式绽开全屏导航栏，这种方式的导航栏很吸睛，运用也越来越广，赶紧学起来呀！
效果：
源码：
不需要CSS3+HTML5，用AJAX+DIV+CSS就可以了。利用AJAX取得未读数据的数量，把DIV的innerHTML设为该数量就行了，另外这是一个DIV(或则其他块元素)中嵌入的一个相对定位层。所以没必要去使用CSS3和HTML5,毕竟国内主要浏览器都不支持。现在支持CSS3和HTML5的浏览器就只有最新的浏览器(如IE9、opera、safari、FF等等)
