会python真的可以为所欲为0(回)
369天前
这里还有人吗1(回)
554天前这里还有人吗0(回)
554天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
779天前到处都是羊，不想上班0(回)
859天前
鸽子
0(回)
863天前javascript 原生代码 |
<ul class="nav"> |
<li><a href="/"> 首页 </a></li> |
<li id="li_1" onmouseover="show(1)" onmouseout="hide(1)"><a href="http://www.wufangbo.com/category/css/">css</a> |
<dl id="dl_1"> |
<dd><a href="#">老凡CSS</dd> |
<dd><a href="#">中凡CSS</dd> |
<dd><a href="#">小凡CSS</dd> |
</dl> |
</li> |
<li id="li_2" onmouseover="show(2)" onmouseout="hide(2)"><a href="http://www.wufangbo.com/category/css3-html5/">css3</a> |
<dl id="dl_2"> |
<dd><a href="#">老凡CSS</dd> |
<dd><a href="#">中凡CSS</dd> |
<dd><a href="#">小凡CSS</dd> |
</dl> |
</li> |
<li><a href="http://www.wufangbo.com/category/javascript/">javascript</a> </li> |
<li><a href="http://www.wufangbo.com/category/jquery/">jquery</a> </li> |
<li id="li_3" onmouseover="show(3)" onmouseout="hide(3)"><a href="http://www.wufangbo.com/category/yhty/">ued</a> |
<dl id="dl_3"> |
<dd><a href="#">老凡CSS</dd> |
<dd><a href="#">中凡CSS</dd> |
<dd><a href="#">小凡CSS</dd> |
</dl> |
</li> |
<li><a href="http://www.wufangbo.com/category/linux/">linux</a> </li> |
<li><a href="http://www.wufangbo.com/category/wordpress/">wordpress</a> </li> |
</ul> |
function show(i) |
{ |
document.getElementById('dl_'+i).style.display='block'; |
|
} |
function hide(i) |
{ |
document.getElementById('dl_'+i).style.display='none'; |
} |
jquery的原生代码 |
$("document").ready(function(){ |
$(".nav li").hover(function(){ |
$(this).find('dl').show(); |
},function(){ |
$(this).find('dl').hide(); |
}) |
$(".nav li").mouseover(function(){ |
$(this).find('dl').fadeIn('slow'); |
}) |
|
$(".nav li").mouseout(function(){ |
$(this).find('dl').hide(); |
}) |
}) |
