input的Css样式

上一帖《13种常用按钮、文本框、表单等CSS样式》  下一帖《最常用的12种CSS BUG解决方法与技巧》

　　网上购物、在线购物、购物搜索 欢迎光临本站购买图书、影视、音乐、数码、百货，手机等商品。

　　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>

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>

 

标签: Css  input  样式  

上一帖《13种常用按钮、文本框、表单等CSS样式》  下一帖《最常用的12种CSS BUG解决方法与技巧》

 

 

相关文章

• Painter与Photoshop结合绘制清秀的古典美女(2)
• Fireworks制作光芒四射的广告效果(2)
• Photoshop提高照片清晰度方法(2)
• Photoshop将形状区域变成小方块(2)
• Photoshop详细讲解照片转唯美插画(2)
• 百度源代码里的精妙javascript图片大小处理函数
• Javascript简易调色板效果
• PHP-Javascript“返回上一页”无缓存问题
• JavaScript获取选中文本
• 悟透JavaScript