我有一個從wordpress文章生成的ul裏邊欄。客戶端爲每個LI使用不同的圖像作爲子彈。而不是手動添加一個單獨的項目符號,是否有辦法從一組說10選項中選擇?UL中列表項的隨機(項目符號)圖像?
想着Jquery的功能?任何人都做過這個?
感謝
我有一個從wordpress文章生成的ul裏邊欄。客戶端爲每個LI使用不同的圖像作爲子彈。而不是手動添加一個單獨的項目符號,是否有辦法從一組說10選項中選擇?UL中列表項的隨機(項目符號)圖像?
想着Jquery的功能?任何人都做過這個?
感謝
也許類似如下:以顯示它被應用
<style type="text/css">
/* Add the styles here, incrementing the number of each one as you go (then change
the 3 in the jQuery addClass method so it corresponds with the number of options
available */
li.bullet-0 { list-style-type: circle; }
li.bullet-1 { list-style-type: disc; }
li.bullet-2 { list-style-type: square; }
</style>
<Script type="text/javascript">
$(document).ready(){
$('ul > li').each(function(i,e){
$(this).addClass('bullet-'+(i%3)); // change 3 to number of styles that are above.
});
});
</script>
的jsfiddle鏈接:http://www.jsfiddle.net/bradchristie/yxZ4m/
你可以發佈你想要的一些CSS/HTML?你想改變CSS(使用'list-style-image')還是有代表子彈的'img'標籤? – 2010-12-14 16:00:52
是使用css list-style-image,但爲每個li動態選擇不同的圖像。 – Driftwood 2010-12-14 17:11:52