一千萬個為什麽

搜索

我們可以為asp.net項目符號列表控件使用不同的圖像嗎?如果是,那怎麽樣?


我正在使用asp.net項目符號列表控件我可以通過設置項目符號列表的imageURL屬性來使用圖像,但這將反映屬於該項目符號列表的所有列表項。如果我想為每個列表項使用不同的圖像,該怎麽辦?

最佳答案

添加一些類來表示不同的列表圖像:

CSS:

ul { list-style-type: none; }
.bullet1 { list-style-image: url("images/list_bullet.jpg")}
.bullet2 { list-style-image: url("images/list_bullet2.jpg")}

在HTML中,將每個列表項設置為將顯示圖像的類。

HTML:

  • item 1
  • item 2

我沒有使用BulletedList控件,但您應該能夠在每個indidual列表項上設置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>

轉載註明原文: 我們可以為asp.net項目符號列表控件使用不同的圖像嗎?如果是,那怎麽樣?

猜你喜歡