input的Css樣式
2018-08-27 瀏覽:530 作者:admin 類別:網頁設計

  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>

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

點擊這里給我發消息
5544444