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

领测软件测试网      简单的文本　　
   还有一些可赋值的属性能够应用于你的特殊应用程序中。在我们这个例子中，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" onClick="yourFileFunction()">File< /SPAN>
  　　 < SPAN CLASS=but STYLE="width:34" onClick="yourEditFunction()">Edit< /SPAN>
  　　 < SPAN CLASS=but STYLE="width:39" onClick="yourViewFunction()">View< /SPAN>
  　　 < SPAN CLASS=but STYLE="width:59" onClick="yourFavoritesFunction()">Favorites< /SPAN>
  　　 < SPAN CLASS=but STYLE="width:42" onClick="yourToolsFunction()">Tools< /SPAN>
  　　 < SPAN CLASS=but STYLE="width:36" onClick="yourHelpFunction()">Help< /SPAN>
  
  　　 < /DIV>
  
  　　 工具栏的每个条目都包含一个SPAN元素。每个元素的width（宽度）由你决定，但是DIV的样式则是强制性的。背景颜色buttonface是要与用户所选中的桌面图案相一致。Windows系统的字体MS Sans Serif用来使“OS应用程序”的外观完整。这些属性都被SPAN元素继承了。每个SPAN元素还有一个onClick事件处理器。这是要执行JavaScript的函数或与条目相应的语句。现在我们已经创建了一个HTML元素，它的样子就同上面提到的一样：
  
  　　
  
  

文章来源于领测软件测试网 https://www.ltesting.net/