jquery里使用数组随机排序的原理来实现网页中html标签随机排序的特效及实例亲测 原创

文章标签: jquery数组
  • :
  • 07-01 14:59
  • :
  • 53次
  • :
  • 0条
  • 5赞

简介jquery里实现HTML标签重新随机混乱排列的功能及完整的在线实例演示。l

假设我们的网页中有n个A标签,那么我们有什么方法,可以使这些A标签重新随机混乱排序呢?


其实是很简单的,我们只需要明白数组随机排序的原理就能实现了!!下面是具体的代码:

function randomsort() {
    return Math.random()>.5 ? -1 : 1;
}
//把要重新排序的a标签放到数组内
var arr=$.makeArray($("#aijquery a"));
//利用数组的sort函数结合一个随机数来给数组随机排序
arr.sort(randomsort);


好了,就是这么简单!通过上面的代码,我们就已经实现了把A标签重新随机排序的功能了,下面要做的就是把这些A标签从数组里取出来显示在网页里就行了,下面是完整的在线实例演示地址:

jquery随机混乱排序标签的在线实例演示



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-10 08:16:56