基于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 学习笔记(十六) js事件
Feb 01 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
Nov 28 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
浅析javascript的间隔调用和延时调用
Nov 12 Javascript
JavaScript数组常用操作技巧汇总
Nov 17 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
JavaScript的function函数详细介绍
Nov 20 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多用户读写文件冲突的解决办法
2013/11/06 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
php对象工厂类完整示例
2018/08/09 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
JS 的应用开发初探(mootools)
2009/12/19 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
jquery中常用的SET和GET$(”#msg”).html循环介绍
2013/10/09 Javascript
通过length属性判断jquery对象是否存在
2013/10/18 Javascript
IE与FireFox的JavaScript兼容问题解决办法
2013/12/31 Javascript
对比分析json及XML
2014/11/28 Javascript
JavaScript判断浏览器类型的方法
2015/02/10 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
每日十条JavaScript经验技巧(一)
2016/06/23 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
python实现简单ftp客户端的方法
2015/06/28 Python
Python 性能优化技巧总结
2016/11/01 Python
python列表的增删改查实例代码
2018/01/30 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python去除文件中重复的行实例
2018/06/29 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
学习python的前途 python挣钱
2019/02/27 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
成人高等教育毕业生自我鉴定
2013/10/22 职场文书
市场安全管理制度
2014/01/26 职场文书
四风存在的原因分析
2014/02/11 职场文书
《东方明珠》教学反思
2014/04/20 职场文书
再谈python_tkinter弹出对话框创建
2022/03/20 Python