怎么循环六个不同css样式

html-css021

怎么循环六个不同css样式,第1张

$("ul > li > a").each(function() {

    alert("current class name is  " + this.className)

})

要么你等页面加载完成后通过JS操作，要么在循环输出时加载不同的CSS样式，通过变量$i区分样式。

如foreach($a as $key=>$value){

$str.="<div class='css{$key}'></div>"

}

页面CSS：

.css0{color:yellow}

.css1{color:blue}

……等等

使用dedecms的自带标签，一样要在css里写好对应的样式，而且是要生成在html代码中，属于写死的样式。

可以使用js来控制，好处是的较灵活。

jquery代码如下：

将第一层的class修改为：menuBox，第二层的class修改为：menuTitle

$(function(){

    $('.menuBox').each(function(index){

        if ( index > 5 ){

            index = index - 5 //大于5，减去5重复循环

        }

        var _this = $(this)

        _this.addClass('menu0' + index) //添加特殊样式如：menu01

        _this.find('menuTitle').addClass('menu0' + index + '_left') //添加特殊样式如：    menu01_left

    })

})

css样式在后台仍然定义：

.menu01 {}

.menu01_left {}

……

……

这样在页面打开后就自动由jquery加上样式了。