jquery 简单导航实现代码
2016-02-19 15:08
岁数大了，QQ也不闪了，微信也不响了，电话也不来了，但是图老师依旧坚持为大家推荐最精彩的内容，下面为大家精心准备的jquery 简单导航实现代码，希望大家看完后能赶快学习起来。
script type="text/javascript" src="js/jquery.min.js"/script
script type="text/javascript"
$(function(){
$("li").hover(function(){
$(this).addClass("ho");
},
function(){
$(this).removeClass("ho");
});
$("li").click(function(){
$(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi");
});
})
/script
style type="text/css"
li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;}
.xiaoshi{background-color:#FF0;}
.ho{background-color:#F00;}
/style
/head
body
div
ul
li我第1/li
li我第2/li
li我第3/li
li我第4/li
li我第5/li
li我第6/li
/ul
/div
/body
