求大神指点一下怎样用CSS3做一个下拉导航？？？

html-css011

求大神指点一下怎样用CSS3做一个下拉导航？？？,第1张

这个可以用jquery实现呀，你id=nav的那个div是不是写错了 应该是ul吧？

首先在首页引用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>

摘星导航

javascript:window.top.space_addItem(13,5145,0,0,200,600,0)

流金岁月导航

javascript:window.top.space_addItem(13,5330,0,0,200,600,0)

深海奥妙导航

javascript:window.top.space_addItem(13,5003,0,0,200,600,0)

竖着的导航

javascript:window.top.space_addItem(13,1,100,80,0,0,94)

免费导航

javascript:window.top.space_addItem(13,9114,0,0,200,600,0)

HTML5+CSS3实现全屏导航栏菜单，悬停在右上角的小图标，点击以圆形扩散的方式绽开全屏导航栏，这种方式的导航栏很吸睛，运用也越来越广，赶紧学起来呀！

效果：

源码：