·建站首页 ·钻石 ·繁體
您的位置: 中国建站之家 -> 网站开发设计 -> JavaScript -> DHTML工具栏,Web点击更精彩(2)--简单的文本

DHTML工具栏,Web点击更精彩(2)--简单的文本

作者:未知  来源:转载  发布时间:2005-9-15 0:31:11  发布人:acx

     简单的文本  
   还有一些可赋值的属性能够应用于你的特殊应用程序中。在我们这个例子中,padding 和 height 的值帮助我们将条目垂直放置在工具栏中,这个工具栏的高度是22个象素,在我们的Web页面中被定义为DIV元素:
  
     < DIV ID="toolbar"
     STYLE="width:250;height:22;overflow:hidden; background-color:buttonface; font-family:MS Sans Serif;font-size:8pt;    padding-top:1px;padding-left:2px;">
  
  
     < SPAN CLASS=but STYLE="width:32" >File< /SPAN>
     < SPAN CLASS=but STYLE="width:34" >Edit< /SPAN>
     < SPAN CLASS=but STYLE="width:39" >View< /SPAN>
     < SPAN CLASS=but STYLE="width:59" >Favorites< /SPAN>
     < SPAN CLASS=but STYLE="width:42" >Tools< /SPAN>
     < SPAN CLASS=but STYLE="width:36" >Help< /SPAN>
  
     < /div>
  
     工具栏的每个条目都包含一个SPAN元素。每个元素的width(宽度)由你决定,但是DIV的样式则是强制性的。背景颜色buttonface是要与用户所选中的桌面图案相一致。Windows系统的字体MS Sans Serif用来使“OS应用程序”的外观完整。这些属性都被SPAN元素继承了。每个SPAN元素还有一个onClick事件处理器。这是要执行Javascript的函数或与条目相应的语句。现在我们已经创建了一个HTML元素,它的样子就同上面提到的一样:
  
    
  
  

将本文收藏到QQ书签与更多好友分享