基于jquery的超简单上下翻

2016-02-19 13:16 3 1 收藏

下面请跟着图老师小编一起来了解下基于jquery的超简单上下翻,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - Web开发 】

代码如下:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
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
a href='#' a /aa href='#' b /aa href='#' c /aa href='#' d /aa href='#' e /aa href='#' f /a/div
a href='#' onclick="UpDown('up')"上一个/a
a href='#' onclick="UpDown()"下一个/a
/body
/html

来源:https://www.tulaoshi.com/n/20160219/1603599.html

延伸阅读
标签: Web开发
网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: 代码如下: input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" / span id="spt_name" class="normaltips" jverrorclass="e...
标签: Web开发
密码强度验证的方式有很多,今天给大家推荐一个通过JQuery实现的密码强度验证控件,只需要很少的代码便能实现。 因为是基于JQuery的控件,当然需要JQuery库,还要一个本控件的JS。JQuery的JS大家可以到官网下载:http://code.jquery.com/jquery-1.4.2.min.js 这个控件的JS文件:password_strength_plugin.js 复制代码 代码如下: (function(...
标签: Web开发
index.html 代码如下: html head titlejQuery Ajax 实例演示/title /head script src="./js/jquery.js" type="text/javascript"/script script type="text/javascript" $(document).ready(function(){//这个就是jQueryready ,它就像C语言的main 所有操作包含在它里面 $("#button_login").mousedown(function(){ login(); //点击ID...
标签: Web开发
打包下载 如下图: 但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示不同的标题内容,非常的丑陋!对于高审美观的现代人来说,就大打折扣了! jQuery现在这么流行、这么火,但网上却好像还是没有提供类似于MessageBox的插件(或者只是我没有找到而已),类似的模式窗口插件倒是有一大堆,但这都不是...
标签: Web开发
打包下载 html代码: 代码如下: div ulli rel="a1"b个人资料/b/lili rel="a2"b帐号维护/b/lili rel="a3"b在来个/b/lili/li/ul dl11111111111111111111111111111111 /dl dl 22222222222222222222222222222222222 /dl dl3333333333333333333333333333333333333 /dl /div js代码: 代码如下: $(function(){ $(".tabli").m...

经验教程

532

收藏

55
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部