模仿新浪微博换一换

时间:2014-07-22 14:50来源: 作者: 点击: 次

分享到：

jquery + php + mysql br /

jquery + php + mysql

//change.js
$(document).ready(function(){
	var url = "change_doc.php";
    showFirstPage(url);			
});
function showFirstPage(serverUrl){
	var url = serverUrl+"?fuckie="+Math.random();
    $.get( url,  function(data){
        $(".change_doc").html(data);
    }
    ); 
}

2. [代码]index.php 跳至 [1] [2] [3] [全屏预览]

//index.php
<script type="text/javascript" src="js_change/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js_change/change.js" ></script>


<div class="change_doc"></div>

3. [代码]change_doc.php 跳至 [1] [2] [3] [全屏预览]

<?php
include 'connect.php';
	
	function change_doc() {

        $Row = @mysql_query("SELECT * FROM countries  ORDER BY rand() DESC LIMIT 3");
        $Html = "";
		$Html .= '<div class="right_r_c">';
        $Html .= '    <div class="right_r_c_t1" ><span class="right c_73a6eb right_c_h"><a onclick="showFirstPage(\'change_doc.php\'); " href="javascript: void(0);">换一换</a></span>';
        $Html .= '    </div>';
        $Html .= '    <div class="clear"></div>';
        $Html .= '    <div id="change_one">';
        while ($mesList = @mysql_fetch_array($Row)) {
			$Html .= '      <div class="right_c_c">';
			$Html .= '        <p><a href="#">' . $mesList['value'] . '</a></p>';
			$Html .= '      </div>';
		}
        $Html .= '    </div>';
        $Html .= '</div>';
        
        return $Html;
    }

	echo change_doc();
?>