方式一:直接编写代码实现
效果如下:
代码如下:
代码如下:
无需表格的菜单 Home News Sports Weather Contact Me 方式二:使用jQuery 代码实现
代码如下:
代码如下:
伸缩的菜单,用toggle()重写 script>
$(function(){
$("li").find("ul").prev().click(function(){
$(this).next().toggle();
});
$("li:has(ul)").find("ul").hide();
});
script>
Home News
Lastest News All News Sports
Basketball Football Volleyball Weather
Today's Weather Forecast Contact Me 注意:该代码必须加载了jquery.min.js 文件,并且所写的CSS 只能在Firefox 浏览器中正常显示。