编程 Javascript

基于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>

基于jquery的超简单上下翻

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript常用对象的方法和属性小结

Jan 24 Javascript

js获取某元素的class里面的css属性值代码

Jan 16 Javascript

JS小游戏之象棋暗棋源码详解

Sep 25 Javascript

BootStrap网页中代码显示用法详解

Oct 21 Javascript

微信小程序（应用号）开发新闻客户端实例

Oct 24 Javascript

headjs实现网站并行加载但顺序执行JS

Nov 29 Javascript

JavaScript中的子窗口与父窗口的互相调用问题

Feb 08 Javascript

Bootstrap按钮组简单实现代码

Mar 06 Javascript

Ionic2开发环境搭建教程

Aug 20 Javascript

vue+mock.js实现前后端分离

Jul 24 Javascript

js定义类的方法示例【ES5与ES6】

Jul 30 Javascript

JS 遍历 json 和 JQuery 遍历json操作完整示例

Nov 11 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