jquery 簡單導航實現(xiàn)代碼
更新時間:2009年09月11日 00:24:10 作者:
jquery簡單導航實現(xiàn)代碼,需要的朋友可以參考下。
復制代碼 代碼如下:
<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>
相關文章
解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題
下面小編就為大家分享一篇解決Jquery下拉框數(shù)據(jù)動態(tài)獲取的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題
這篇文章主要介紹了jQuery解決input元素的blur事件和其他非表單元素的click事件沖突問題,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08jQuery的Ajax時無響應數(shù)據(jù)的解決方法
今天做項目時發(fā)現(xiàn)永遠響應的值都是該頁面的html代碼。2010-05-05