Question

php 怎么控制当前页的导航菜单样式

<ul>
<li><a href="index.php">首页</a></li>
<li><a href="compy_info.php">公司信息</a></li>
<li><a href="product.php">产品中心</a></li>
</ul>
现在处于首页，当点击“公司信息”时网页跳转到 compy_info.php 页面，要怎么才能控制导航菜单上面的“首页”的样式改变为未选中和改变“公司信息”菜单的样式为当前选中的样式？
希望仔细的代码！先谢谢了

Answer 1

<?php

$links = array();
$links[]=array("首页","index.php");
$links[]=array("公司信息","company_info.php");//建议用完整的company而不是compy,这样不容易出错.
$links[]=array("产品中心","product.php");

$self_page = basename($_SERVER['PHP_SELF']);

?>

<style type="text/css">
.on{
background-color:red;
}
</style>
<ul>
<?php
foreach($links as $link){
printf('<li %s><a href="%s">%s</a></li>' , $self_page==$link[1]?' class="on"':'' , $link[1], $link[0]);
echo "\n";
}
?>
</ul>

Answer 2

一般使用js控制的 用jQuery 控制各种事件例如
//鼠标进入
$('#contributionlogo , #contribution').bind('mouseenter',function(){
$('#contribution').css("font-size",20);
$('#contribution').css("left",599);
$('#contribution').css("top",66);
$('#contributionlogo').css("width",56);
$('#contributionlogo').css("left",598);
});
//鼠标离开
$('#contributionlogo , #contribution').bind('mouseleave',function(){
$('#contribution').css("font-size",16);
$('#contribution').css("left",602);
$('#contribution').css("top",62);
$('#contributionlogo').css("width",50);
$('#contributionlogo').css("left",600);

});
<img id="contributionlogo" style="position:absolute;left:600px;top:10px;border-radius:20px;border:2px solid #1995EB" src="图片的地址"/>

Answer 3

这个要用到CSS和javascript与PHP本身无关