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>

　　推荐阅读

　　关于javascript中的parseInt使用技巧

要对表单中填写的日期格式进行客户端验证，于是在网上找了段代码，其中用到parseInt对年月日做判断，其中有类似这样的语句： ...... else if(parseInt(month)<1 || parseInt(month) >12) ...... 可是对于当前本来正>>>详细阅读

本文标题：jquery 简单导航实现代码

地址：http://www.17bianji.com/kaifa2/JS/28180.html

1/2 1