开始配置
在页面上引入jQuery核心库和jQuery File Style插件库。
<script src="jquery-1.4.1.min.js" kesrc="jquery-1.4.1.min.js" type="text/javascript">script>
<script src="jquery.filestyle.js" kesrc="jquery.filestyle.js" type="text/javascript">script>
在页面中放入需要改变样式的file文件上传控件。
<form action="#" class="FileForm"><h1>改变样式后的file文件选择框h1>
<input class="file_1" type="file">
</form>
初始化脚本,开始改变控件的样式。
$(function() {
$("input.file_1").filestyle({
image: "choose-file.gif",
imageheight : 22,
imagewidth : 82,
width : 220
});
});
这样,我们就改变了文件上传控件按钮的样式,效果如下图所示:
在页面上引入jQuery核心库和jQuery File Style插件库。
<script src="jquery-1.4.1.min.js" kesrc="jquery-1.4.1.min.js" type="text/javascript">script>
<script src="jquery.filestyle.js" kesrc="jquery.filestyle.js" type="text/javascript">script>
在页面中放入需要改变样式的file文件上传控件。
<form action="#" class="FileForm"><h1>改变样式后的file文件选择框h1>
<input class="file_1" type="file">
</form>
初始化脚本,开始改变控件的样式。
$(function() {
$("input.file_1").filestyle({
image: "choose-file.gif",
imageheight : 22,
imagewidth : 82,
width : 220
});
});
这样,我们就改变了文件上传控件按钮的样式,效果如下图所示: