搬码资源网广告位 搬码资源网广告位

织梦dedecms实现列表页双样式和列表样式循环交替变化

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">在做网址导航站时候,需要循环变化每个站点的背景样式,用于区分不同的行,方便手机上阅读。例如第一行背景是白色,第二行是蓝色,第三行又是白色,第四行继续蓝色……这样的循环方式。

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">  先来看一段代码。一般情况下,要轮换交替的变化,就需要如下类似的写法:

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">  在对“e1”这个样式做背景上色处理后,实际显示效果应该就是带“e1”的第二和第四行,“搜狐”和“网易”行背景变色,而第一和第四行由于没有样式,继续显示为白色(默认情况下)。

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">  而Dedecms里面有这样一个函数,可以循环赋予HTML代码不同的样式,如下:

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">  应用到实际中,给列表轮换交替的赋值,一般情况就是:

<p style="margin-top:0px;margin-bottom:0px;padding:5px 0px;font-size:14px;font-family:宋体;line-height:22px;white-space:normal;background-color:#FFFFFF;">  将style替换为诸如“class="e1"”这样的代码,解析出来的效果就如本文第一段代码的样式。这里需要注意,经过试验发现,上述第二段代码示例中的”style1″和”style2″位置很有讲究,如果首先将样式放在“style1”的位置上,则第一行不会赋值,从第二行开始赋值,相反,如果放在“style2”位置上,那么第一行循环就会开始赋值。

声明:
本站发布的文章及附件仅限用于学习和研究目的;不得将上述内容用于商业或非法用途,否则后果请用户自负。
本站资源来自网络收集,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
如果您喜欢该程序,请支持正版软件,得到更好的正版服务。
本文链接:https://www.abnma.com/11678.html,转载请注明出处。
如有侵权,请邮件联系我们删除处理。

0
搬码资源网广告位

评论0

请先

没有账号? 注册  忘记密码?