html导航的下拉菜单样式。

发布网友发布时间：2022-04-21 17:56

共3个回答

热心网友时间：2022-04-07 12:11

现在布局完事了，就写jq呗，给你个例子啊：

$(document).ready(
function()
{
$('.active').hover(
function()
{
$(this).children('ul').css('display','block');
},
function()
{
$(this).children('ul').css('display','none');
}
);
/***************************************/
}
);

原理就是用jq的hover方法，然后鼠标经过显示，离开就隐藏。

在html页面里要外链一个jq库，这个去网上找，很多。

那个css写的时候用定位，.active用position:relative，自己ul用position:absolute；位置调好好，再用display：none隐藏ul

追问已外联了jq。你帮我看下怎么写OK不。太久没碰过下拉了，全忘光了。。。

追答这不是已经告诉你怎么写了么。。。

热心网友时间：2022-04-07 13:29

http://www.lanrentuku.com/js/hang-570.html
19个精彩的CSS菜单打包下载

下载解压后，选择第2个效果即可，和你的非常接近，改下颜色值就好。

附加：更多菜单导航效果
http://www.lanrentuku.com/js/hang.html

热心网友时间：2022-04-07 15:03

http://www.jq-school.com/Article.aspx?id=5
有很多的，找个合适的、、、