龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > php编程 >

模仿新浪微博换一换

时间: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();
?>
精彩图集

赞助商链接