基于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 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
javascript动态加载二
Aug 22 Javascript
select标记美化--JS式插件、后期加载
Apr 01 Javascript
js实现跨域的多种方法
Dec 25 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
JS实现物体带缓冲的间歇运动效果示例
Dec 22 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
Apr 14 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
js实现图片上传预览原理分析
Jul 13 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
基于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
推荐25款php中非常有用的类库
2014/09/29 PHP
php中替换字符串函数strtr()和str_repalce()的用法与区别
2016/11/25 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
JavaScript操作Oracle数据库示例
2015/03/06 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
基于jQuery实现Tabs选项卡自定义插件
2016/11/21 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
vue-baidu-map 进入页面自动定位的解决方案(推荐)
2018/04/28 Javascript
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
2019/09/25 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
python实现猜数字游戏
2020/03/25 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
查看keras的默认backend实现方式
2020/06/19 Python
Django权限控制的使用
2021/01/07 Python
C语言50道问题
2014/10/23 面试题
《夏夜多美》教学反思
2014/02/17 职场文书
暑期培训随笔感言
2014/03/10 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
常住证明范本
2015/06/23 职场文书
公司欠款证明
2015/06/24 职场文书
教师节班会主持词
2015/07/06 职场文书
安全伴我行主题班会
2015/08/13 职场文书
php中配置文件保存修改操作 如config.php文件的读取修改等操作
2021/05/12 PHP
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
Java 在生活中的 10 大应用
2021/11/02 Java/Android
使用scrapy实现增量式爬取方式
2022/06/21 Python