基于jquery的超简单上下翻

复制代码代码如下:<html> <head> <title>超简单上下翻</title> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> 简单上下翻，函数 <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>

　　推荐阅读

　　javascript 浏览器类型和版本号检测代码(兼容多浏览器)

javascript检测浏览器类型和版本号（兼容各浏览器） [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]相关文章：javascript 检测浏览器类型和版本的代码javascript 浏览器检测代码精>>>详细阅读

本文标题：基于jquery的超简单上下翻

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

1/2 1