学会使用css中的behavior

胶先生3

胶先生3

2016-02-19 19:40

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享学会使用css中的behavior,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

  网页中我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,css中的behavior就为我们很好的解决了这个问题。

  比如:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname" size="10" autocomplete="off"

  上边的那个是经常用到的behavior的功能,另外还有很多其他的功能。

  behavior的语法是

  语法:

  behavior : url ( url ) | url ( #objID ) | url ( #default#behaviorName )

  取值:

  url ( url ) : 使用绝对或相对 url 地址指定DHTML行为组件(.htc)

  url ( #objID ) : 使用二进制实现(作为 ActiveX® 控件)的行为。此处的 #objID 为 object 对象的 id 属性值

  url ( #default#behaviorName ) : IE的默认行为。由行为的名称标识( #behaviorName )指定

  说明:设置或检索对象的DHTML行为。多个行为之间用空格隔开。

  当多个附加到同一要素的行为发生冲突时,其结果确决于行为应用于要素的顺序。后一个行为的优先权高于前一个行为。例如,假如多个行为用于设置对象颜色,其结果将会由最后一个应用到要素的行为决定。同样的规则适用于不同行为提供的属性、事件、方法所发生的名称冲突。

  可以使用 addBehavior 方法动态的将行为附着到对象。

  此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

  务必注意使用样式表(CSS)的 behavior 属性内联定义或使用 addBehavior 方法附着的行为不会在对象从文档树中移除时被自动分离。而在文档中的样式表规则定义的行为会在对象从文档树中移除时被自动分离。

  对应的脚本特性为 behavior 。 示例:p { behavior: url(#default#download); }

  div { behavior: url(fly.htc) url(shy.htc); }

  div { behavior: url(#myObject); }

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  应用1:刷新也保留输入框里面的文字

  .sHistory {}{behavior:url(#default#savehistory);}

  应用2:调用脚本

html
head
style
h1 { behavior: url(behave.htc) }
/style
/head
body
h1把鼠标放在这里/h1
/body
/html
  behave.htc

component
attach for="element" event="onmouseover"
handler="hig_lite" /
attach for="element" event="onmouseout"
handler="low_lite" /
script type="text/javascript"
function hig_lite()
{
element.style.color=255
}
function low_lite()
{
element.style.color=0
}
/script
/component

展开更多 50%)
分享

猜你喜欢

学会使用css中的behavior

Web开发
学会使用css中的behavior

怎么让狗狗学会使用厕所

宠物 宠物狗
怎么让狗狗学会使用厕所

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

教你学会使用点测光

摄影 人像摄影 静物摄影
教你学会使用点测光

教你学会使用早孕试纸[图]

电脑网络
教你学会使用早孕试纸[图]

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

WPS学会使用制表符排版

wps教程 wps office教程
WPS学会使用制表符排版

教你快速学会使用windows8系统

电脑入门
教你快速学会使用windows8系统

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS实战:利用CSS相对定位进行多行多列布局

CSS实战:利用CSS相对定位进行多行多列布局

如何在Mac登陆界面隐藏客人用户

如何在Mac登陆界面隐藏客人用户
下拉加载更多内容 ↓