Question

我的结构如下。

<ul id="dyn_nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact</a>
        <ul class="submenu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </li>
</ul>

第一级(ul#dyn_nav>li)应从特定名单中随机分类。

班级为蓝色、绿色、大米、yan、红等......

我想使这种菜单不会固定。

就像一个人能够有头脑色绿色一样,另一个则有蓝色。这只是我的想法。

页: 1

Answer 1

$(document).ready(function() {
    var classes = [ blue ,  green ,  magenta ,  cyan ,  red ];
    $( ul#dyn_nav>li ).each(function(i) {
        $(this).addClass(
            classes[Math.floor(Math.random()*classes.length)]);
    });
});

我还在“彩色:继承”、“<>>>>条码”上添加“彩色”一词,使彩色能够影响<条码>上的联系,而不仅仅是子弹。

Answer 2

http://javascript.about.com/library/blsort2.htm

Answer 3

Dutow是正确的。 @Waz Design: 你们还可以尝试这一幻灯:

function rand(){ return (Math.round(Math.random())-0.5); }
    var colors = new Array( blue , yellow , red , green );//you can add more class here
    var init = colors.sort( rand );
    $( ul li ).each(function(i,el){ 
     $(el).addClass(init[i]); 
   });

友情链接