js+mysql实现论坛回复功能_PHP+HTML简单实现BBS论坛与回帖

首先是搭建首页的布局，主要布局分为head、main_left和main_right。其中右边显示部分采用的是iframe实现的局部显示，而左边采用JavaScript实现点击隐藏和显示功能。其中index.php首页代码如下：

《分布式系统》精品课程学习

/* 这个链接改变颜色 */

a.one:link {color: #ff0000}

a.one:visited {color: #0000ff}

a.one:hover {color: #ffcc00}

background="images/header_bg.gif" border=0>

您还未登录! |

登录|

学生注册|

教师注册

src="main_right.php" name="rightFrame" id="rightFrame" title="rightFrame">

include('main_left.php');

?>

这里的CSS代码布局调用css文件中的mycss.css实现：html, body {

height: '100%';

width: '100%';

}

/*头部布局*/

#main{

margin-left:200px;

width:950px;

}

/*中部布局*/

#middle{

width:950px;

height:500px;

background-color:#b6effa;

}

/*中部左边*/

#index_left{

float:left;

margin-top:10px;

margin-left:10px;

width:180px;

height:480px;

}

/*中部右边*/

#index_right{

float:right;

margin-top:10px;

margin-right:20px;

width:720px;

height:480px;

border-style:double;

}

/*中部右边*/

#logout_middle{

float:right;

margin-top:100px;

margin-right:220px;

width:500px;

height:300px;

border-style:double;

background-color:#ffffff;

}在Iframe中主要的代码是，调用时“BBS论坛”声明target为rightFrame即可。同时隐藏显示设置style.display为block或none。

其中main_left.php代码如下，此时即可实现上面的布局。

function expand(el) {

childObj = document.getElementById("child" + el);

if (childObj.style.display == 'none') {

childObj.style.display = 'block';

} else {

childObj.style.display = 'none';

}

return;

}

background=images/menu_bg.jpg border=0 align=left>

href="javascript:void(0);">课程首页

width=150 border=0>

src="images/menu_icon.gif" width=9>

target="rightFrame">首页介绍

href="javascript:void(0);">课程概况

width=150 border=0>

src="images/menu_icon.gif" width=9>

target="rightFrame">课程简介

src="images/menu_icon.gif" width=9>