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

文章标签: jquery数组
  • :
  • 07-01 14:59
  • :
  • 69次
  • :
  • 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随机混乱排序标签的在线实例演示



您正在找的文章可能是:
热点文章
热点图文
最近更新