源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

基于jquery的超简单上下翻

  • 时间:2022-05-14 11:42 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基于jquery的超简单上下翻
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部