jquery 簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼
更新時(shí)間：2009年09月11日 00:24:10 作者：
jquery簡(jiǎn)單導(dǎo)航實(shí)現(xiàn)代碼，需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
鋒利的jQuery 要點(diǎn)歸納（二） jQuery中的DOM操作（下）
鋒利的jQuery 要點(diǎn)歸納（二） jQuery中的DOM操作（下）2010-03-03
jQuery實(shí)現(xiàn)購(gòu)物車計(jì)算價(jià)格功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)購(gòu)物車計(jì)算價(jià)格功能的方法,實(shí)例分析了jQuery針對(duì)html元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jquery實(shí)現(xiàn)點(diǎn)擊彈出層效果的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery實(shí)現(xiàn)點(diǎn)擊彈出層效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
jQuery Ajax 全局調(diào)用封裝實(shí)例代碼詳解
這篇文章主要介紹了jQuery Ajax 全局調(diào)用封裝實(shí)例代碼詳解的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jquery如何自定義表格樣式，分別實(shí)現(xiàn)三種樣式：默認(rèn)狀態(tài)（灰白相間），鼠標(biāo)懸浮狀態(tài)（綠色），鼠標(biāo)點(diǎn)擊狀態(tài)（黃色），感興趣的小伙伴們可以參考一下2015-11-11
本文為大家詳細(xì)介紹喜愛頁(yè)面載入完畢響應(yīng)事件、綁定與反綁定事件監(jiān)聽器、事件觸發(fā)器、事件的交互處理等等，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
jquery實(shí)現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決
圖片等比例縮放在某些情況下還是比較事用的,不過(guò)max-width和max-height在ie6中不兼容問(wèn)題很是郁悶，接下來(lái)使用jQuery解決這個(gè)問(wèn)題，感興趣的各位可以參考下哈2013-03-03
jQuery插件jRumble實(shí)現(xiàn)網(wǎng)頁(yè)元素抖動(dòng)
jRumble是jquery的插件，可以讓你選擇的元素抖動(dòng)。 調(diào)用時(shí)只需一句代碼即可，有些抖動(dòng)效果還挺可愛，可自定義的抖動(dòng)效果，十分的炫酷，有需要的小伙伴可以參考下。2015-06-06
jquery代碼實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)圖片瀑布流效果
瀑布流布局最近真的很流行，很多人都跟我一樣想知道是怎么做出來(lái)的吧，經(jīng)過(guò)網(wǎng)上搜索大量的參考結(jié)合N邊的實(shí)驗(yàn)今天終于被我寫出來(lái)了,這里分享給大家，有需要的小伙伴參考下吧。2015-04-04
jQuery數(shù)據(jù)緩存功能的實(shí)現(xiàn)思路及簡(jiǎn)單模擬
jQuery緩存系統(tǒng)不僅運(yùn)用于DOM元素，動(dòng)畫、事件等都有用到這個(gè)緩存系統(tǒng)2013-05-05