fileupload控件的属性_JQ实现fileupload控件样式的修改

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

/*

* Style File - jQuery plugin for styling file input elements

*

* Copyright (c) 2007-2008 Mika Tuupola

*

* Licensed under the MIT license:

* http://www.opensource.org/licenses/mit-license.php

*

* Based on work by Shaun Inman

* http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

*

* Revision: $Id: jquery.filestyle.js 303 2008-01-30 13:53:24Z tuupola $

*

*/ (function($) {

$.fn.filestyle = function(options) {

/* TODO: This should not override CSS. */

var settings = {

width : 250

};

if(options) {

$.extend(settings, options);

};

return this.each(function() {

var self = this;

var wrapper = $("

")

.css({

"width": settings.imagewidth + "px",

"height": settings.imageheight + "px",

"background": "url(" + settings.image + ") 0 0 no-repeat",

"background-position": "right",

"display": "inline",

"position": "absolute",

"overflow": "hidden"

});

var filename = $('')

.addClass($(self).attr("class"))

.css({

"display": "inline",

"width": settings.width + "px"

}); $(self).before(filename);

$(self).wrap(wrapper); $(self).css({

"position": "relative",

"height": settings.imageheight + "px",

"width": settings.width + "px",

"display": "inline",

"cursor": "pointer",

"opacity": "0.0"

}); if ($.browser.mozilla) {

if (/Win/.test(navigator.platform)) {

$(self).css("margin-left", "-142px");

} else {

$(self).css("margin-left", "-168px");

};

} else {

$(self).css("margin-left", settings.imagewidth - settings.width + "px");

}; $(self).bind("change", function() {

filename.val($(self).val());

});

});

};

})(jQuery);