仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1254|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS中的举动――HTC

[复制链接]
因胸联盟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:26:52 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。
比来对这些CSS中的举动有点乐趣,看了些文档作了个表单鼠标滑过效果。固然HTC的用处,人人最喜好的要数便宜组建,自界说标签了。Quote<u/>申明:
HTC是HTMLcomponent的缩写,
是IE5.0的次要扩大之一,
除具有一样平常组件的可重用长处以外,
还具有易于开辟利用等长处,
由于必要引进内部文件,这里就不举例了,宝库里有例子.

控件和组件
HTC供应了一个复杂机制以在剧本中完成DHTML举动。一个HTC文件和HTML文件没有任何不同,而且以“.htc”为后缀。关于demo,我看到一些表单的输出框,有鼠标滑过效果,大概背景变色大概边框变色。利用:hover很简单完成,惋惜MSIE7之前的扫瞄器不克不及撑持,那末就独自给IE5.+利用HTC界说鼠标举动。实在这个有用JS完成也挺简单,我就想拿HTC练练手。先看看效果?

上面是代码

XHTML布局来自ALA的PrettierAccessibleForms。这里多说一嘴,倡议人人今后做表单的时分多接纳上面的布局,Strict型xhtml倡议以下是援用片断:
<form>下不成以间接安排表单位素。而用<ol>来构造多个表单也是公道的。<fieldset>
<legend>DeliveryDetails</legend>
<ol>
<li>
<labelfor="name">Name<em>*</em></label>
<inputid="name"/>
</li>
<li>
<labelfor="address1">Address<em>*</em></label>
<inputid="address1"/>
</li>
<li>
<labelfor="address2">Address2</label>
<inputid="address2"/>
</li>
<li>
<labelfor="town-city">Town/City</label>
<inputid="town-city"/>
</li>
<li>
<labelfor="county">County<em>*</em></label>
<inputid="county"/>
</li>
<li>
<labelfor="postcode">Postcode<em>*</em></label>
<inputid="postcode"/>
</li>
<li>
<fieldset>
<legend>Isthisaddressalsoyourinvoice
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-13 13:32

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表