改变file框样式

王朝other·作者佚名  2006-11-24
宽屏版  字体: |||超大  

<script>

function fclick(obj){

with(obj){

style.posTop=event.srcElement.offsetTop

var x=event.x-offsetWidth/2

if(x<event.srcElement.offsetLeft)x=event.srcElement.offsetLeft

if(x>event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth)x=event.srcElement.offsetLeft+event.srcElement.offsetWidth-offsetWidth

style.posLeft=x

}

}

</script>

<style>

input{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:18px}

</style>

<form method="post" action="" enctype="multipart/form-data">

<input id="f_file">&nbsp;<input type="button" onmouseover="fclick(t_file)" value="选择上传文件">

<input name="upload" type="file" style="position:absolute;filter:alpha(opacity=0);width:30px;" id="t_file" onchange="f_file.value=this.value" hidefocus>

</form>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有