基于jquery的超简单上下翻


Posted in Javascript onApril 20, 2010
<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 相关文章推荐
jQuery学习7 操作JavaScript对象和集合的函数
Feb 07 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
浅析JavaScript中的隐式类型转换
Dec 05 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
javascript简单进制转换实现方法
Nov 24 Javascript
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
利用javaScript处理常用事件详解
Apr 14 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 #Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 #Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 #Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
Apr 20 #Javascript
jquery+json 通用三级联动下拉列表
Apr 19 #Javascript
javascript中的变量是传值还是传址的?
Apr 19 #Javascript
js获取当前select 元素值的代码
Apr 19 #Javascript
You might like
收音机指标测试方法及仪器
2021/03/01 无线电
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
codeigniter数据库操作函数汇总
2014/06/12 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
解析window.open的使用方法总结
2013/06/19 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
2013/07/30 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
js闭包学习心得总结
2018/04/17 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
微信小程序动画(Animation)的实现及执行步骤
2018/10/28 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
在Django中创建URLconf相关的通用视图的方法
2015/07/20 Python
Python中类的初始化特殊方法
2017/12/01 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
高中生班主任评语
2014/04/25 职场文书
导航工程专业自荐信
2014/09/02 职场文书
教师党员承诺书2015
2015/01/21 职场文书
离婚起诉书范本
2015/05/18 职场文书
教师工作证明范本
2015/06/12 职场文书
了解Redis常见应用场景
2021/06/23 Redis
使用Django框架创建项目
2022/06/10 Python