input的Css样式
www.jz123.cn 2008-08-07 来源: 中国建站 乐乐整理 我要投递新闻
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>
|
上一篇:13种常用按钮、文本框、表单等CSS样式 下一篇:CSS高级应用:定义列表的特殊用法