效果演示:

CSS代碼:
XML/HTML代碼:
摘自:weblog.jenfy.cn

CSS代碼:
<style>
.test{
border:1px solid #000;
color:#333;
font:12px;
}
.test ol li{
padding-left:5px;
background-color:expression(this.sourceIndex%2? '#efefef':'#fefefe');
}
</style>
.test{
border:1px solid #000;
color:#333;
font:12px;
}
.test ol li{
padding-left:5px;
background-color:expression(this.sourceIndex%2? '#efefef':'#fefefe');
}
</style>
XML/HTML代碼:
<div class="test">
<ol>
<li>觀自在菩薩</li>
<li>行深般若波羅密多時</li>
<li>照見五蘊皆空</li>
<li>度一切苦厄</li>
<li>舍利子</li>
<li>色不異空</li>
<li>空不異色</li>
<li>色既是空</li>
<li>空既是色</li>
<li>受想行識</li>
<li>亦復如是</li>
<li>舍利子</li>
<li>是諸法空相</li>
<li>不生不滅</li>
<li>不垢不凈</li>
<li>不增不減</li>
<li>是故空中無色</li>
<li>無受想行識</li>
</ol>
</div>
可惜這種效果只能用在IE中,Firefox中就無效了。expression屬于不建議使用的。<ol>
<li>觀自在菩薩</li>
<li>行深般若波羅密多時</li>
<li>照見五蘊皆空</li>
<li>度一切苦厄</li>
<li>舍利子</li>
<li>色不異空</li>
<li>空不異色</li>
<li>色既是空</li>
<li>空既是色</li>
<li>受想行識</li>
<li>亦復如是</li>
<li>舍利子</li>
<li>是諸法空相</li>
<li>不生不滅</li>
<li>不垢不凈</li>
<li>不增不減</li>
<li>是故空中無色</li>
<li>無受想行識</li>
</ol>
</div>
摘自:weblog.jenfy.cn
posted @ 2007-09-26 23:20 Corelet 閱讀(134) | 評論 (0) | 編輯 收藏