基于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中setTimeout和setInterval的unref()和ref()用法示例
Nov 26 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
遍历json获得数据的几种方法小结
Jan 21 Javascript
分享一道关于闭包、bind和this的面试题
Feb 20 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
基于webpack4搭建的react项目框架的方法
Jun 30 Javascript
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
JavaScript实现打字游戏
Feb 19 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
Zerg基本策略
2020/03/14 星际争霸
牡丹941资料
2021/03/01 无线电
PHP实现把数字ID转字母ID
2013/08/12 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
php中注册器模式类用法实例分析
2015/11/03 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP实现提取多维数组指定一列的方法总结
2019/12/04 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
Extjs中ComboBox加载并赋初值的实现方法
2012/03/22 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
web.js.字符串与正则表达式操作
2017/05/13 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
[05:09]第二届DOTA2亚洲邀请赛决赛日比赛集锦:iG 3:0 OG夺冠
2017/04/05 DOTA
python 读写、创建 文件的方法(必看)
2016/09/12 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
python 基础教程之Map使用方法
2017/01/17 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
Python使用Tkinter实现转盘抽奖器的步骤详解
2020/01/06 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
利用python下载scihub成文献为PDF操作
2020/07/09 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
致1500米运动员广播稿
2014/02/07 职场文书
美术教师岗位职责
2014/03/18 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
PO模式在selenium自动化测试框架的优势
2022/03/20 Python