首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>CSS教程>资讯:input的Css样式

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高级应用:定义列表的特殊用法

评论总数:1 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图