首页 >> 读书频道 >> 电脑 >> DHTML工具栏,Web点击更精彩(2)--简单的文本
 
· DHTML工具栏,Web
· 神奇的页面滚动控制(二)
· 神奇的页面滚动控制(一)
· 怎样把Java Appl
· 网页技巧-
· JavaScript的脆
· JavaScript 的
· JavaScript 的
· 编写 JavaScrip
· JavaScript是什
· 弹出式说明窗口-
· JavaScript时间
 
· 美容养颜手册
· 加油金顺剧情分集介绍完整
· 红楼梦:120回全本[清
· 素质教育在美国
· 全唐诗卷四十六
· 韩剧《布拉格恋人》剧情介
· 夜航船[作者:明·张岱]
· 局外人[作者:韩·可爱淘
· 现场流行病学
· 源氏物语[日本:紫式部]
· 武林寓言故事
· 2006高考录取规则
 
· (出租)中动商场部分及写
· (出租)中动动漫基地&#
· 喜剧学院
· 《善德女王》剧情介绍
· 魔女18号 剧情
· 丑女无敌剧情介绍
· 魔女幼熙剧情介绍
· 龙游天下剧情介绍
· 震撼世界的七日剧情介绍
· 静静的白桦林剧情介绍
· 心情日记—老公今天我想对
· 旗舰剧情介绍
欢迎来到月影社区!如果您觉得这里不错,请推荐给您的朋友们。月影社区:http://wf66.com/

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


查看有无更新版本

关键字:JavaScript 2006-9-8

 

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

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

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

打印本页 关闭

关于我们版权声明本站导航友情连结作品演示 TOP↑