WEB开发网
开发学院网页设计DivCss input的Css样式 阅读

input的Css样式

 2008-08-06 19:26:45 来源:WEB开发网   
核心提示:CSSfile:input { behavior: url(bindbutton.htc); }htcfile:<PUBLIC:COMPONENT lightWeight=true><PUBLIC:ATTACH EVENT="oncontentready" ONEVENT=&qu

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>

Tags:input Css 样式

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接