基于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 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
jquery ui对话框实例代码
May 10 Javascript
BootStrap的alert提示框的关闭后再显示怎么解决
May 17 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
Jun 17 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
JavaScript实现计数器基础方法
Oct 10 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
JS实现点星星消除小游戏
Mar 24 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学习之 循环结构实现代码
2011/06/09 PHP
php curl 伪造IP来源的实例代码
2012/11/01 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
记录Yii2框架开发微信公众号遇到的问题及解决方法
2018/07/20 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
JavaScript中的排序算法代码
2011/02/22 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
javascript鼠标滑动评分控件完整实例
2015/05/13 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
2016/12/26 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
Angular7.2.7路由使用初体验
2019/03/01 Javascript
[36:17]DOTA2上海特级锦标赛 - VGL音乐会全集
2016/03/06 DOTA
Python实现队列的方法
2015/05/26 Python
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python 通过邮件控制实现远程控制电脑操作
2020/03/16 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
Python中常见的数制转换有哪些
2020/05/27 Python
python通过cython加密代码
2020/12/11 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
新西兰廉价汽车租赁:Snap Rentals
2018/09/14 全球购物
资产评估专业大学生求职信
2013/09/29 职场文书
影视制作岗位职责
2013/12/04 职场文书
平安建设实施方案
2014/03/19 职场文书
安全宣传标语口号
2014/06/06 职场文书
电气自动化求职信
2014/06/24 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
Python基础之进程详解
2021/05/21 Python
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS