随机排序广告

// 用数组存放广告列表
$ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>'
);
 
// 对数组进行随机排序
shuffle($ads);
 
// 输出经过排序的数组
$html = '';
foreach ($ads as $ad) {
	$html .= $ad;
}
echo $html;

// 用数组存放广告列表
$ads = array('<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>'
			,'<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>'
);
 
// 对数组进行随机排序
shuffle($ads);
 
// 输出经过排序的数组
$html = '';
foreach ($ads as $ad) {
	$html .= $ad;
}
 
// 添加广告招租链接
$html .= '<a href="#"><img src="sell-ad-125x125.png" alt="虚位以待" width="125" height="125" /></a>';
echo $html;

<div id="ads">
	<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 4" width="125" height="125" /></a>
</div>

<div id="ads" style="display:none;">
	<a href="#"><img src="ad-125x125.png" alt="广告 1" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 2" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.png" alt="广告 3" width="125" height="125" /></a>
	<a href="#"><img src="ad-125x125.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>