我的图片是由数据库提取出来的,将一组图片循环附加给li标签里的img,但是为了实现轮播第一个li标签有个class值控制显示和隐藏,但是循环li标签附加图片的时候却是每个li标签都有一个class值,想问问大神们这种问题该如何解决,最好能解释明白些或带上代码,小白谢谢大神们啦!!!
这个得些js控制了,用js来控制样式和属性
有现成的JS,如果写成html中的div直接运行是没问题的,只不过我现在因为图片是数据库的原因就把html用append来衔接上的,所以循环li标签给其中的img添加图片地址时就把class值带上了,本应该是第一个li标签有class值,现在变成了所有li标签都有
@玩世不恭的雷寅: 那你就在后台append之前判断一下呗,如果是第一个就加class,不是的话就不加
CSS :first-child 选择器
把 class 给 ul 不要给 li,然后 用 css :first-child 选择器
举例:
<style> .st li:first-child { background:yellow; } </style> <ul class="st"> <li>aaaaaaaa</li> <li>aaaaaaaa</li> <li>aaaaaaaa</li> <li>aaaaaaaa</li> </ul>
结果:只有第一个有样式
但是js有个控制li标签class值的代码,就是说首次运行时第一个li标签有class值,也就是第一个li标签里的img显示,其他li标签的img为隐藏,定时5秒后转换为第二个li标签有class值,其他li标签没有class值,总的来说就是有class值的li标签里的img显示,其他隐藏