实例如下: htc代码: <script language=javascript>
switch(type)
{
case ""text"":
case ""password"": //文本输入框和密码输入框的样式
style.border="1px solid #000000";
style.backgroundColor="#FFFFFF";
style.height="18px";
style.font="normal 12px 宋体";
style.color="#000000";
break;
case ""submit"":
case ""reset"":
case ""button"": //按钮类的样式(不包括图片按钮)
style.border="1px solid #000000";
style.backgroundColor="#CCCCCC";
style.height="18px";
style.font="normal 12px 宋体";
style.color="#000000";
break;
default: ;//对于象单选框多选框等上面没有出现过的元素,我们使用默认样式。
}
</script>把上面这段代码保存成一个HTC文件,比如保存成input.htc。简单分析一下代码:事实上这仅仅是一段JS,通过判断type(Input是通过type属性判断是哪种表单域的,注意这里switch语句的使用)来决定使用什么样式。是不是很简单? HTC文件写好之后,接下来我们要用CSS的行为(behavior)来调用这个HTC文件,调用的CSS语句如下: input { behavior:url(""input.htc"") } /*这里假设input.htc与网页在同一目录下*/ 我们看到,现在我们是定义了整个Input标记的样式,而具体什么表单元素使用什么样式,则是通过JS在HTC文件中判断并定义的。怎么样,我们是不是已经通过这样一个简单的实例初步领略到了HTC的魅力呢?
http://m.bbyears.com/zhufuduanxin/12824.html
推荐访问:用html+css维护公司网页 用html写的留言板插件 用html写一个班级网页 用html语言编写的页面属于静态页面 用html怎么把按钮放在底部 用html制作一个表格 用html做bbs 用html做九宫格