用图片代替上传按钮代码,请大家帮忙改写得更通用.谢谢

<style type="text/css">
<!--
.filehidden {
text-align: left;   
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: .0;
    z-index: 100;
}
-->
</style>
<body>
<script>
  ieWidth = 40;
  fmWidth = 20; isIE = (navigator.appName == "Microsoft Internet Explorer");
if (isIE) {
textWidth = ieWidth;
} else {
textWidth = fmWidth;
}function movePos(file, img, evt){
_file = document.getElementById(file);
_img = document.getElementById(img); //超出图片边框
if ((_img.offsetLeft > evt.clientX) || ((_img.offsetLeft + _img.width) < evt.clientX) ||
(_img.offsetTop > evt.clientY) || (_img.offsetTop + _img.height < evt.clientY)) {
setLeft(_file, -100,-100);
} else {
setLeft(_file,  evt.clientX - textWidth - 1, evt.clientY - 1);
}
}function initFileImg(file, img, text) {
_file = document.getElementById(file);
_img = document.getElementById(img);
_text = document.getElementById(text);

_img.style.position="relative";
_file.style.position="absolute"; setLeft(_file, _img.offsetLeft, _img.offsetTop);

_file.onchange=new Function("_text.value=_file.value;");
}function setLeft(obj, left, top) {
//alert(left);
obj.style.left = left ;
obj.style.posLeft = left ;
obj.style.top = top - 1;
obj.style.posTop = top - 1;
}
</script><body>
File Location
<input name="text" type="text" class="input_250" id="msgPath">
<img   src="file:///C|/Documents and Settings/Administrator/桌面/images/trans.gif" name="image" width="257" height="41" class="btn_browse_off" id="btn01"  onMouseMove="movePos('file4', 'btn01',event)" >
<input name="file" type="file" class="filehidden" id="file4"  onMouseMove="document.getElementById('btn01').className='btn_browse_on';movePos('file4', 'btn01',event)" onMouseOut="document.getElementById('btn01').className='btn_browse_off'"  size="1">
<label for="Submit"></label><script>initFileImg('file4', 'btn01', 'msgPath');
</script>