9526.png" alt="广告 2" width="125" height="125" /></a>
<a href="#"><img src="/uploadfile/201306/21/BB93829526.png" alt="广告 3" width="125" height="125" /></a>
<a href="#"><img src="/uploadfile/201306/21/BB93829526.png" alt="广告 4" width="125" height="125" /></a>
</div>
<div id="random-ads" style="display:none;">
</div>
<script type="text/javascript">
//<![CDATA[
var source = document.getElementById(''ads'');
var target = document.getElementById(''random-ads'');
var ads = source.getElementsByTagName(''a'');
// 下标数组
var arr = new Array();
for(var i=0; i<ads.length; i++) {
arr[i] = i;
}
// 随机排序
function randomSort(a, b){
var tmp = parseInt((Math.random() + 0.5), 10);
return tmp ? a-b : b-a;
}
// 将老的广告区的节点随机插放到新的广告区
arr.sort(randomSort);
for(var i=0; i<arr.length; i++) {
target.appendChild(ads[arr[i]].cloneNode(true));
}
// 显示新的广告区和移除老的广告区
source.parentNode.removeChild(source);
target.style.display = ''block'';
//]]>
</script>
如果有如同方法 1 那样的扩展需求, 将空广告位显示在最后, 且显示广告招租链接, 该如何处理? 这个当作课后习题吧...