基于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下申明对象的几种方法小结
Oct 02 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
jquery 实现窗口的最大化不论什么情况
Sep 03 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
jQuery预加载图片常用方法
Jun 15 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
基于D3.js实现时钟效果
Jul 17 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
Sep 16 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(8) php 数组
2010/03/05 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
javascript Firefox与IE 替换节点的方法
2010/02/24 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
2017/02/16 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
基于vue v-for 多层循环嵌套获取行数的方法
2018/09/26 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
vue router 用户登陆功能的实例代码
2019/04/24 Javascript
react 生命周期实例分析
2020/05/18 Javascript
vscode自定义vue模板的实现
2021/01/27 Vue.js
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
命令行运行Python脚本时传入参数的三种方式详解
2019/10/11 Python
使用python实现画AR模型时序图
2019/11/20 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
使用 Python 在京东上抢口罩的思路详解
2020/02/27 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
Vilebrequin美国官方网上商店:法国豪华泳装品牌
2020/02/22 全球购物
中专生的个人自我评价
2013/12/11 职场文书
中英文求职信范文
2014/01/27 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
学校端午节活动总结
2015/02/11 职场文书
pandas数值排序的实现实例
2021/07/25 Python
手写实现JS中的new
2021/11/07 Javascript