<div class="codetitle"> <span><a style="CURSOR: pointer" data="6895" class="copybut" id="copybut6895" onclick="doCopy('code6895')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code6895"> <br> <br> <br> <br> <br><title>添加附件</title> <br> <br><script type="text/javascript" src="jquery-1.8.0.js"></script> <br><script type="text/javascript"> <BR>function fclick(obj){ <BR>style.posTop=event.srcElement.offsetTop <BR>style.posLeft=event.x-offsetWidth/2 <BR>} <BR>$(function(){ <BR>$("#addFile").click(function(){ <BR>var br = $("<br>"); <BR>var input1 = $("<input id='inputrecievedocument' type='text'/>"); <BR>var input2 = $("<input type='button' style='margin-left:5px;background-color:blue' id='btnrecievedocument' onmouseover='fclick(t_file)' value='浏览'/>"); <BR>var input3 = $("<input name='upfile' type='file' style='position:absolute;filter:alpha(opacity=0);width:70px;' id='t_file' onchange='inputrecievedocument.value=this.value' hidefocus/>"); <BR>var button = $("<input type='button' value='删除' style='margin-left:5px;background-color:blue'/>"); <BR>$("#file").append(br).append(input1).append(input3).append(input2).append(button); <BR>button.click(function() { <BR>br.remove(); <BR>input1.remove(); <BR>input2.remove(); <BR>input3.remove(); <BR>button.remove(); <BR>}); <br><br>}); <br><br>}); <BR></script> <br> <br><form method="post" action="" enctype="multipart/form-data"> <br><input type="button" value="添加附件" class="btn_fujian" id="addFile" style="margin-left:20px;margin-top:2px;"> <br><div id="file"></div> <br> </form> <br> <br> <br> </div> <br>IE9中运行如下： <br><img src="/static/imghwm/default1.png" data-src="http://files.jb51.net/file_images/article/201304/2013423160648816.gif?201332316710" class="lazy" alt="修改file按钮的默认样式实现代码_javascript技巧" >
