欢迎光临新华电脑职业培训-现代电脑-新东方学校网站!
您现在所处的位置:新华培训 > 技术支持 >

根据导航条页面PHP改变CSS样式-福建百科教育网-技术支持

作者:福建百科教育  时间:2021-01-27   点击数:   收藏  分享到:
根据导航条页面PHP改变CSS样式-福建百科教育网


  1. <?php
  2.  
    $current = !empty($_GET['cur']) ? $_GET['cur'] : 'home';
  3.  
    ?>
  4.  
    <div class="menu">
  5.  
    <ul>
  6.  
    <li><A <?php if($current=='home')echo 'class="current"'; ?> href="index.php?cur=home">首  页</a></li>
  7.  
    <li><A <?php if($current=='jieshao')echo 'class="current"'; ?> href="1.php?cur=jieshao">公司介绍</a></li>
  8.  
    <li><A <?php if($current=='new')echo 'class="current"'; ?> href="2.php?cur=new">公司新闻</a></li>
  9.  
    <li><A <?php if($current=='zhaopin')echo 'class="current"'; ?> href="3.php?cur=zhaopin">招聘信息</a></li>
  10.  
    <li><A <?php if($current=='lianxi')echo 'class="current"'; ?> href="4.php?cur=lianxi">联系我们</a></li>
  11.  
    <li><A <?php if($current=='about')echo 'class="current"'; ?> href="5.php?cur=about">关于我们</A></li>
  12.  
    </ul>
  13.  
    </div>
php开发之js修改页面css样式
在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下。 
test.html
Product Name
AirPlane
Big car

触发事件改变页面的样式触发事件改变页面样式
现在页面的文字样式,背景,字体大小,都是系统默认的,待会儿,给大家演示下运行结果,可以比较下哦

test.js

function setStyle1(){
//将表的风格改为style1
//获取html的引用
oTable = document.getElementById("table");
oTableHead = document.getElementById("tableHead");
oTableFirstLine =document.getElementById("tableFirstLine");
otableSecondLine = document.getElementById("tableSecondLine");
//设置风格 oTable.className ="Table1";
oTableHead.className ="TableHead1";
oTableFirstLine.className ="TableContent1";
oTableSecondLine.classNamee ="TableContent1";}
function setStyle2(){ //将表格的风格改为style2
//获取html元素的引用 oTable = document.getElementById("table");
oTableHead = document.getElementById("tableHead");
oTableFirstLine =document.getElementById("tableFirstLine");
otableSecondLine = document.getElementById("tableSecondLine");
//设置风格 oTable.className ="Table2"; oTableHead.className ="TableHead2";
oTableFirstLine.className ="TableContent2";
oTableSecondLine.classNamee ="TableContent2";
}
styles.css

/* @CHARSET "GB18030"; */
.Table1{ border:DarkGreen 1px solid; background-color:LightGreen; }
.TableHead1{ font-family:Verdana,Arial; font-weight:bold; font-size:10pt; }
.TableContent1{ font-family:Verdana,Arial; font-size:10pt; }
.Table2{ border:DarkBlue 1px solid; background-color:LightBlue; }
.TableHead2{ font-family:Verdana,Arial; font-weight:bold; font-size:10pt; }
.TableContent2{ font-family:Verdana,Arial; font-size:10pt; }