以下是 jQuery文件上传文件域样式美化js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>jQuery文件上传文件域样式美化</title>
<link rel="stylesheet" href="dist/jquery.nice-file-input.min.css" type="text/css" />
</head>
<body>
<div style="margin:15px 50px">
<input type="file" class="nicefile" />
</div>
<!-- script -->
<script src="js/jquery.min.js"></script>
<script src="dist/jquery.nice-file-input.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
$(".nicefile").niceFileInput({
'width' : '500', //width of button - minimum 150
'height' : '30', //height of text
'btnText' : '浏览', //text of the button
'btnWidth' : '100' , // width of button
'margin' : '20', // gap between textbox and button - minimum 14
});
});
</script>
</body>
分享到QQ
分享到微博
微信扫一扫
