手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的超简单上下翻
基于jquery的超简单上下翻
摘要:复制代码代码如下:超简单上下翻简单上下翻,函数functionUpDown(What){varaList=$("#taba");varold...

复制代码 代码如下:

<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='#'>上一个</a>

<a href='#'>下一个</a>

</body>

</html>

【基于jquery的超简单上下翻】相关文章:

JQuery中上下文选择器实现方法

jquery合并表格中相同文本的相邻单元格

jQuery插件制作之全局函数用法实例

jQuery封装的tab选项卡插件分享

基于jQuery实现的无刷新表格分页实例

jQuery插件zepto.js简单实现tab切换

基于Web标准的UI组件 — 树状菜单(2)

js实现简单锁屏功能实例

jQuery实现表格行上移下移和置顶的方法

jQuery+ajax实现无刷新级联菜单示例

精品推荐
分类导航