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’:’1pxdouble #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>

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

一路走来,我们无法猜测将是迎接什么样的风景,

input的Css样式

相关文章:

你感兴趣的文章:

标签云: