input的Css样式

2014-05-04sou7 的分享   加三联MM小编微信好友:sanlian2018

   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>

        :更多精彩文章请关注三联网页设计教程栏目。

分享网友

昵称:sou7TA的收藏