·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » DHTML工具栏,Web点击更精彩(2)--简单的文本

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

类别: JavaScript教程  评论数:0 总得分:0
     简单的文本  
   还有一些可赋值的属性能够应用于你的特殊应用程序中。在我们这个例子中,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元素,它的样子就同上面提到的一样:
  
    
  
  

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1