基于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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
javascript工具库代码
Mar 29 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
Jan 27 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
ionic 自定义弹框效果
Jun 27 Javascript
Angular4学习笔记之根模块与Ng模块
Sep 09 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 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中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php array_walk() 数组函数
2011/07/12 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
JavaScript 中对象的深拷贝
2016/12/04 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
Python 内置函数complex详解
2016/10/23 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
python pandas生成时间列表
2019/06/29 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
Python字符串处理的8招秘籍(小结)
2019/08/13 Python
python numpy数组中的复制知识解析
2020/02/03 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
Python descriptor(描述符)的实现
2020/11/15 Python
flask框架中的cookie和session使用
2021/01/31 Python
css3实例教程 一款纯css3实现的发光屏幕旋转特效
2014/12/07 HTML / CSS
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
一岗双责责任书
2014/04/15 职场文书
商务代表岗位职责
2015/02/15 职场文书
工作感言一句话
2015/08/01 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers