基于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源码分析-01总体架构分析
Nov 14 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
Apr 17 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
jQuery中JSONP的两种实现方式详解
Sep 26 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 Javascript
Vue获取微博授权URL代码实例
Nov 04 Javascript
vue 页面跳转的实现方式
Jan 12 Vue.js
基于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
怎样去阅读一份php源代码
2009/08/21 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
php 实现进制相互转换
2016/04/07 PHP
深入理解javaScript中的事件驱动
2013/05/21 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
2017/08/08 Javascript
在 Angular 中使用Chart.js 和 ng2-charts的示例代码
2017/08/17 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
2017/09/08 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
[49:08]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.27
2020/12/01 DOTA
python实现文件快照加密保护的方法
2015/06/30 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
利用Python实现kNN算法的代码
2019/08/16 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
武汉瑞得软件笔试题
2015/10/27 面试题
捷科时代的软件测试笔试题
2015/11/09 面试题
外企办公室竞聘演讲稿
2013/12/29 职场文书
公司保密承诺书
2014/03/27 职场文书
艾滋病宣传活动总结
2014/05/08 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
大连导游词
2015/02/12 职场文书
2015年社区综治宣传月活动总结
2015/03/25 职场文书
公司副总经理岗位职责
2015/04/08 职场文书
师范生见习总结范文
2015/06/23 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android