基于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 相关文章推荐
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
Javascript中的delete介绍
Sep 02 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
详解微信小程序 相对定位和绝对定位
May 11 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
Aug 28 Javascript
JavaScript对象拷贝与赋值操作实例分析
Dec 10 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
Vue中keep-alive组件作用详解
Feb 04 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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
JavaScript prototype属性深入介绍
2012/11/27 Javascript
js获得页面的高度和宽度的方法
2014/02/23 Javascript
JS取request值以及自动执行使用示例
2014/02/24 Javascript
jQuery选择器源码解读(五):tokenize的解析过程
2015/03/31 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
nodejs使用Sequelize框架操作数据库的实现
2020/10/21 NodeJs
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
简单理解Python中基于生成器的状态机
2015/04/13 Python
pygame游戏之旅 游戏中添加显示文字
2018/11/20 Python
set在python里的含义和用法
2019/06/24 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
设计师个人求职信范文
2014/02/02 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
高三毕业典礼演讲稿
2014/05/13 职场文书
小学网上祭英烈活动总结
2014/07/05 职场文书
优秀班主任材料
2014/12/16 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
祝福语集锦:给满月宝宝的祝福语
2019/11/20 职场文书
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript