求大神指点一下怎样用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>

直接看代码感觉是你的header背景色黑色和背景图挡住了你的wrapper，设置

header{background:none}

试试，毕竟这样看很吃力，纯手打去做你给的分太少又不值得。如果我的回答不奏效私信个联系方式吧，保证搞定

//html结构

<ul>

<li><a href>移动到这里来</a>

<span>听说你想看见我？</span>

</li>

</ul>

//css

span {height:0overflow:hiddentransition:0.5s}

li:hover span {height:20px}

//方法很多 最主要的就是利用hover以及transition

//注意兼容写法