學會使用css中的behavior

來源:互聯網
上載者:User

    網頁中我們經遇到重新整理要保留表單裡內容的時候,習慣的做法使用cookie,但是那樣做實在是很麻煩,css中的behavior就為我們很好的解決了這個問題。

  比如:

  <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); }

  應用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>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.