<html> 
<head> 
<title>超簡單上下翻</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
</head> 
<body> 
簡單上下翻，函數(shù) 
<script type="text/javascript"> 
function UpDown(What) { 
var aList = $("#tab a"); 
var oldnode = aList.get(0); 
/* 
*獲取最后一個元素三種方法 
*/ 
newnode = aList[aList.length - 1]; 
newnode = aList.get(aList.length - 1); 
newnode = $("#tab a:last"); 
if (What == "up") return $(oldnode).before(newnode); 
$(newnode).after(oldnode) 
} 
</script> 
<div id="tab"> 
<a href='#'> a </a><a href='#'> b </a><a href='#'> c </a><a href='#'> d </a><a href='#'> e </a><a href='#'> f </a></div> 
<a href='#' onclick="UpDown('up')">上一個</a> 
<a href='#' onclick="UpDown()">下一個</a> 
</body> 
</html> 

相關(guān)文章

jquery插件實現(xiàn)掃雷游戲(3)
這篇文章主要介紹了jquery插件實現(xiàn)掃雷游戲的第三篇，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
cookie中的path與domain屬性詳解
本篇文章主要是對cookie中的path與domain屬性進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jquery對Json的各種遍歷方法總結(jié)(必看篇)
下面就為大家?guī)硪黄猨query對Json的各種遍歷方法總結(jié)(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
jquery三大不同版本之間區(qū)別專家講解
jQuery是一個快速、簡潔的JavaScript框架,目前jQuery有1.x、2.x、3.x三個版本,在jQuery官網(wǎng)（http://jquery.com/）可以查看,2.x、3.x不是?1.x?的后續(xù)或者升級版本,他們是同時更新迭代的,現(xiàn)在使用最廣的版本都是1.x的
2023-09-09
淺談jquery上下滑動的注意事項
下面小編就為大家?guī)硪黄猨query上下滑動的注意事項。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jquery 點擊元素后,滾動條滾動至該元素位置的方法
下面小編就為大家?guī)硪黄猨query 點擊元素后,滾動條滾動至該元素位置的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
JQuery 將元素顯示在屏幕的中央的代碼
在網(wǎng)站開發(fā)中我們經(jīng)常需要將對話框顯示在屏幕的中央。如果使用Javascript因為瀏覽器實現(xiàn)的差異，實現(xiàn)起來非常麻煩。但是JQuery可以很簡單實現(xiàn)的搞定這一切。
2010-02-02
jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
這篇文章主要介紹了jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live 的相關(guān)資料,非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
Jquery使用css方法改變樣式實例
這篇文章主要介紹了Jquery使用css方法改變樣式的方法,實例分析了jQuery中css方法操作樣式的技巧,需要的朋友可以參考下
2015-05-05
jQuery Validation實例代碼讓驗證變得如此容易
眾所周知，Jquery以其簡潔性讓無數(shù)人為之瘋狂。現(xiàn)在我要像大家介紹一個jQuery Validation，一看到Validation大家肯定第一直觀感覺就是這肯定是一個驗證框架，沒有錯，本文就是基于jQuery Validation展開討論。
2010-10-10