怎么循环六个不同css样式

html-css010

怎么循环六个不同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加上样式了。