我们可以为asp.net项目符号列表控件使用不同的图像吗?如果是,那怎么办?
我正在使用asp.net项目符号列表控件。我可以通过设置项目符号列表的imageURL属性来使用图像,但这将反映在属于该项目符号列表的所有列表项上。如果我想为每个列表项使用不同的图像,该怎么办 对自定义项目符号列表使用控件如何?请参阅。添加一些类来表示不同的列表图像: CSS: 在HTML中,将每个列表项设置为将显示图像的类 HTML:我们可以为asp.net项目符号列表控件使用不同的图像吗?如果是,那怎么办?,asp.net,Asp.net,我正在使用asp.net项目符号列表控件。我可以通过设置项目符号列表的imageURL属性来使用图像,但这将反映在属于该项目符号列表的所有列表项上。如果我想为每个列表项使用不同的图像,该怎么办 对自定义项目符号列表使用控件如何?请参阅。添加一些类来表示不同的列表图像: CSS: 在HTML中,将每个列表项设置为将显示图像的类 HTML: 第1项 第2项 我没有使用BulletedList控件,但是您应该能够在每个独立列表项上设置CSSClass属性,可以直接在标记中,也可以在一个数据绑定事
第1项
第2项
我没有使用BulletedList控件,但是您应该能够在每个独立列表项上设置CSSClass属性,可以直接在标记中,也可以在一个数据绑定事件中设置(如果您的列表是数据绑定的)
还可以在呈现页面后使用JQuery操作列表。例如,此脚本将每隔一个列表项设置为不同的图像:
<script type="text/javascript">
$(document).ready(function () {
$('#list li').each(function (index) {
var imgClass = index % 2 == 0 ? 'bullet1' : 'bullet2';
$(this).addClass(imgClass);
})
});
</script>
$(文档).ready(函数(){
$('#list li')。每个(函数(索引){
var imgClass=索引%2==0?'bullet1':'bullet2';
$(this).addClass(imgClass);
})
});
<ul>
<li class="bullet1"><span>item 1</span></li>
<li class="bullet2"><span>item 2</span></li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
$('#list li').each(function (index) {
var imgClass = index % 2 == 0 ? 'bullet1' : 'bullet2';
$(this).addClass(imgClass);
})
});
</script>