DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> input的Css樣式
input的Css樣式
編輯:布局實例     

   cssfile:

  input {

  behavior: url(bindbutton.htc);

  }

  htcfile:

  <PUBLIC:COMPONENT lightWeight=true> 
    <PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="load()" /> 

    <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="mouseout()" /> 

    <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="mousemove()" /> 

    <PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="mousedown()" /> 

   <PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="mouseup()" /> 
    <PUBLIC:PROPERTY NAME="direction" /> 


    <SCRIPT LANGUAGE="JScript"> 

   function load() 
    { 

    if ((element.tagName == 'INPUT' && (element.type == 'button' || element.type == 'submit'   ||   element.type == 'reset')) || (element.tagName == 'BUTTON')) 

  { 
    element.style['background'] = '....'; 

    } 

    element.style.border = ((element.type=='checkbox'||element.type=='radio')?'none':'1px     double #888888'); 

  } 

  function setImage(sImg) 
  { 
  if (bSet) 
  { 
    //element.style['background'] = 'URL('+ sImg +')'; 

   } 
  } 

    function mouseout() { setImage(aNormal[iDir]);     try{element.style.MozOpacity=0.8;element.filters.alpha.opacity=80;}catch(e){}} 

  function mousemove() { setImage(aOver[iDir]);   try{element.style.MozOpacity=1;element.filters.alpha.opacity=100;}catch(e){}} 

  function mousedown() { setImage(aClick[iDir]); } 
  function mouseup() { setImage(aNormal[iDir]); } 

    </SCRIPT> 

    </PUBLIC:COMPONENT>

        :更多精彩文章請關注網頁設計教程欄目。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved