php怎么设置按钮的位置,求问。设置的header.php 如何按照点击的不同的按钮给对应的按钮设置样式...

求问。设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式

设置的header.php 怎么按照点击的不同的按钮给对应的按钮设置样式

header.php是导航栏，里面有几个按钮指向不同的网页，

我想要的效果是 按了第一个按钮进入了1.php，然后这第一个按钮能有个背景色，按了第二个按钮进入了2.php，然后这第二个按钮能有个背景色，第一个按钮变成原来的样子。

------解决思路----------------------

http://www.16sucai.com/daima/cd/ 这种吗 很多别人写好的 直接加到自己项目

------解决思路----------------------

请在页面当中引入jquery.

header.php代码:

#m1

{

height: 50px;

width: 500px;

background: beige;

}

#page1

{

width: 50%;

height: 100%;

float: left;

}

#page2

{

width: 50%;

height: 100%;

float: left;

}

?>

网页1

网页2

1.php代码:

#m1

{

height: 50px;

width: 500px;

background: beige;

}

#page1

{

width: 50%;

height: 100%;

float: left;

}

#page2

{

width: 50%;

height: 100%;

float: left;

}

.onclick

{

background: red;

}

?>

网页1

网页2

var id=<?php  echo $_GET['id'];?>;

$("#page" + id).siblings().removeClass('onclick');

$("#page" + id).addClass('onclick');

2.php代码:

#m1

{

height: 50px;

width: 500px;

background: beige;

}

#page1

{

width: 50%;

height: 100%;

float: left;

}

#page2

{

width: 50%;

height: 100%;

float: left;

}

.onclick

{

background: red;

}

?>

网页1

网页2

var id=<?php  echo $_GET['id'];?>;

$("#page" + id).siblings().removeClass('onclick');

$("#page" + id).addClass('onclick');

运行之后,你会得到你想要的.