基于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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
cnblogs中在闪存中屏蔽某人的实现代码
Nov 14 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
运用js教你轻松制作html音乐播放器
Apr 17 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
Jun 20 Javascript
BootStrap modal实现拖拽功能
Dec 01 Javascript
使用typescript构建Vue应用的实现
Aug 26 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中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
php操作csv文件代码实例汇总
2014/09/22 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
2019/02/15 PHP
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
js获取checkbox复选框选中的选项实例
2014/08/24 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
2015/12/03 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
在pytorch中查看可训练参数的例子
2019/08/18 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
Python基于requests库爬取网站信息
2020/03/02 Python
python中sys模块是做什么用的
2020/08/16 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
Ruby如何进行文件操作
2014/07/17 面试题
《夏夜多美》教学反思
2014/02/17 职场文书
捐助倡议书范文
2014/04/15 职场文书
给校长的建议书100字
2014/05/16 职场文书
服务宗旨标语
2014/07/01 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
认识实习感想
2015/08/10 职场文书