基于jquery的超簡單上下翻
更新時間：2010年04月20日 19:55:42 作者：
簡單上下翻，函數(shù)，獲取元素。
復(fù)制代碼 代碼如下:
<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實(shí)現(xiàn)可拖動進(jìn)度條實(shí)例代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)可拖動進(jìn)度條實(shí)例代碼，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
JQuery實(shí)現(xiàn)table行折疊效果以JSON做數(shù)據(jù)源
這篇文章主要介紹JQuery實(shí)現(xiàn)的table行折疊效果并以JSON做數(shù)據(jù)源,需要的朋友可以參考下2014-05-05
在一些網(wǎng)站上，我們經(jīng)常見到返回頂部的效果，本文給大家介紹基于jquery如何實(shí)現(xiàn)返回頂部效果，非常不錯，感興趣的朋友可以參考下2016-07-07
js制作的鼠標(biāo)懸浮時產(chǎn)生的下拉框效果
js制作的鼠標(biāo)懸浮時產(chǎn)生的下拉框效果，需要的朋友可以參考下2012-10-10
jquery 屏蔽一個區(qū)域內(nèi)的所有元素，禁止輸入
有時候，需要屏蔽一個div中所有的input類型，使用jquery很簡單有效的完成。2009-10-10
對于javascript事件擴(kuò)展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問題是兼容性，所有 lib都會對event進(jìn)行包裹，統(tǒng)一其屬性解決其兼容性。2010-06-06
仿新浪微博返回頂部的jquery實(shí)現(xiàn)代碼
在web頁面中，如果頁面較高，為了方便用戶快速地返回頂部，都會添加一個返回頂部按鈕2012-10-10
用戶可以通過鼠標(biāo)拖拽柱狀圖從而改變每根柱子的高度，最終達(dá)到通過鼠標(biāo)拖拽圖形界面來修改服務(wù)器數(shù)據(jù)的目的。2010-11-11
因?yàn)閖query中也有$調(diào)用，如果原來已經(jīng)定義了，難免會沖突。下面是一些解決思路。2010-07-07
Jquery EasyUI中彈出確認(rèn)對話框以及加載效果示例代碼
本篇文章主要是對Jquery EasyUI中彈出確認(rèn)對話框以及加載效果的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02