ページスタイルのデザイン
1、ページの色のスタイルを変更します:
<style>
table{background:#99ffcc;}
th{font-family:隶书;color:#0099ff;}
#tr1{background:#00ccff;}
.td1{color:#009999;}
a{color:#ff9900;}
</style>次のように実行します:
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>実行中の効果は次のとおりです:
新しいファイル
<?php
echo "页面样式设计";
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
