CSS入门教程之CSS的语法

来源:网络 作者:佚名 阅读: 字体:[ ] [打印] [关闭]
自定义标签 wzsp 未创建

内容提要:1.基本语法      CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。   基本格式如下:   selector { property: value}   (选择符 { 属性:值})   选择符是可 ……

源码:
<!--样式表部分-->
<style type=text/css>
.menu td{font-size:12px;color:white;font-weight:bold;background:#336699;border:1px solid #336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center}
</style>

<!--脚本定义部分-->
<script language=javascript type=text/javascript>
function showFilter(obj){
var tds=obj.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
with(tds[i]){
  onmouseover=function(){
  with(this){
  filters[0].apply();
  style.color=''black'';
  style.border=''1px solid white'';
  style.background=''#66CCFF'';
  filters[0].play();
  }
  }
  onmouseout=function(){
  with(this){
  filters[0].apply();
  style.color=''white'';
  style.border=''1px solid #336699'';
  style.background=''#336699'';
  filters[0].play();
  }
  }
}
}
}
</script>

<!--BODY部分-->
<table cellspacing=4 cellpadding=1 bgColor=#336699 border=0 class=menu width=100 id=xmenu>
<tr><td>0128论坛</td></tr>
<tr><td>例子二</td></tr>
<tr><td>例子三</td></tr>
<tr><td>例子四</td></tr>
<tr><td>例子五</td></tr>
<tr><td>例子六</td></tr>
</table>
<script>showFilter(xmenu); //里面就的xmenu就是表格的ID号此函数可到处调用</script>

[标签: CSS入门教程之CSS的语法, ] [打印] [关闭]
站长评论(0) 查看所有评论
相关新闻

热门新闻

推荐新闻