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

DHTML工具栏,Web点击更精彩(1)


查看有无更新版本

关键字:JavaScript 2006-9-8

 

  当阅读完本文后,你会发现实现这个目的要比想象的简单得多。
 
  熟悉简单的Javascript图形翻转器。请参阅 Javascript事件处理。
  了解Javascript的鼠标事件。这些内容同样在 Javascript事件处理 中讨论过。
  熟悉Internet Explorer对系统颜色的使用。请参阅 访问用户自定义系统色彩 第1部分。
  现在,首先介绍概念并创建一个只有文本的工具栏。
 
  一个典型的只有文本的Windows应用程序工具栏看起来是这样的:
 
 
 
  当用户鼠标移到工具栏某一项上方时,这一项就变成了按钮,象这样:
 
 
 
  这个按钮效果是通过增加一个三维边界实现的。近看是这样的:
 
 
 
  有了 IE DHTML,我们就可以在一个Web页面中用CSS边界来复制这个行为。下表图示了我们可用的边界:
 
 
 
  如上图所示,当要把一个元素按钮化,我们可以对它应用 outset 边界。需要“按下的按钮”效果时,我们就可以使用 inset 边界。
 
  下面我们来试试看。
 
  在页面的格式表中,创建一个but类,将它应用在所有需要按钮化的元素上:
 
  < STYLE TYPE="text/css">
  .but {
  border:2px buttonface solid;
  padding-top:1;
  height:20;
  text-align:center;
  cursor:default;
  }
  < /STYLE>
 
  but类规定了工具栏的条目在其停顿状态下的样式。注意我们将这些条目的边界颜色定义为buttonface,将其样式定义为solid。基本上我们创建的都是无形边界,因此我们就可以将颜色buttonface应用到条目本身。无形的边界是必要的,因为边界是放置在条目边界线内部的。边界的状态决定了条目中文本的位置。如果没有初始边界而我们后来再增加一个的话,条目的文本就会被重新布置,产生一个拉伸的效果。

DHTML工具栏,Web点击更精彩(1)

[ 1 ]
DHTML工具栏,Web点击更精彩(1) num

打印本页 关闭

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