基于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 相关文章推荐
兼容IE和FF的图片上传前预览js代码
May 28 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
谈一谈javascript闭包
Jan 28 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
vue实现PC端录音功能的实例代码
Jun 05 Javascript
JS中的算法与数据结构之列表(List)实例详解
Aug 16 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 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
php 获取select下拉列表框的值
2010/05/08 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
浅析php面向对象public private protected 访问修饰符
2013/06/30 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
php输出文字乱码的解决方法
2019/10/04 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
2017/07/24 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
python中base64加密解密方法实例分析
2015/05/16 Python
在python里面运用多继承方法详解
2019/07/01 Python
wxpython绘制音频效果
2019/11/18 Python
Python打印不合法的文件名
2020/07/31 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
RealTek面试题
2016/06/28 面试题
渔夫的故事教学反思
2014/02/14 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
费用申请报告范文
2015/05/15 职场文书
会议简报格式范文
2015/07/20 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
Django drf请求模块源码解析
2021/06/08 Python
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS
Java设计模式中的命令模式
2022/04/28 Java/Android