页面样式设计登陆

页面样式设计

1,更改页面颜色样式:

<style>
    table{background:#99ffcc;}
    th{font-family:隶书;color:#0099ff;}
    #tr1{background:#00ccff;}
    .td1{color:#009999;}
    a{color:#ff9900;}
</style>

运行如下:

微信图片_20180313155052.png

2,更改鼠标触碰显示效果:

echo "<tr id='tr1'onmouseOver='overTr(this)'onmouseOut='outTr(this)'>";echo "<th onmouseOver='overTr(this)'onmouseOut='outTr(this)'>日</th>";
echo "<th onmouseOver='overTh(this)' onmouseOut='outTh(this)'><a href='?convert=$ymd'>{$d}</a></th>";
echo "<tr  onmouseOver='overTr(this)'onmouseOut='outTr(this)'><td colspan='7'align='center'>";
echo "<tr onmouseOver='overTr(this)'onmouseOut='outTr(this)'><td colspan='7' align='center'>";
<script type='text/JavaScript'>
var oriCol=null;function  overTr(obj){
    oriCol=obj.bgColor;obj.bgColor='#0f0';
}
    function outTr(obj){
    obj.bgColor=oriCol;
}
function overTh(obj) 
{    
    oriCol=obj.bgColor;    
    obj.bgColor='red';
}
function outTh(obj){    
    obj.bgColor=oriCol;
}
</script>

运行效果如下:

微信图片_20180313155653.png

下一节
<?php echo "页面样式设计";
提交重置代码
章节评论笔记课件
  • 取消回复发送
  • 取消发布笔记发送