img ( ).
CSS ɡ Ϻ (jQuery plugins) Fullscreen .
* cover:background-size ѡ background.
Anonymous function (Anonymous function) jQuery $ ( closure) ( ) $ .
(function($) { // })(jQuery)
1
2
3
|
(function($) {
//
})(jQuery)
|
Method (fullBg) :
(function($) { $.fn.fullBg = function(){ // . }; })(jQuery)
1
2
3
4
5
6
7
|
(function($) {
$.fn.fullBg = function(){
// .
};
})(jQuery)
|
$.fn $.prototype Method object ($).
:
(function($) { $.fn.fullBg = function(){ return this.each(function(){ var _this = $(this), _width = _this.width(), _height = _this.height(), _widthw = $(window).width(), _heightw = $(window).height(); if(_width/_widthw > _height/_heightw){ _this.css({ 'height':'100%', 'width':'auto' }); }else{ _this.css({ 'width':'100%', 'height':'auto' }); } }); }; })(jQuery)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
(function($) {
$.fn.fullBg = function(){
return this.each(function(){
var _this = $(this),
_width = _this.width(),
_height = _this.height(),
_widthw = $(window).width(),
_heightw = $(window).height();
if(_width/_widthw > _height/_heightw){
_this.css({
'height':'100%',
'width':'auto'
});
}else{
_this.css({
'width':'100%',
'height':'auto'
});
}
});
};
})(jQuery)
|
(Anonymous function) each() :
- : _width ɡ _height ɡ_widthw ͡ _heightw .
- ء .. ..
Fullscreen .
.fullbg{ position: fixed; left: 0; top: 0; } /* fullbg . */
1
2
3
4
5
6
7
8
|
.fullbg{
position: fixed;
left: 0;
top: 0;
}
/*
fullbg .
*/
|
ǡ :
$('.fullbg').fullBg();
fullbg
<img src="test.jpg" class="fullbg" >
1
|
<img src="test.jpg" class="fullbg" >
|
Fullscreen .