jQuery resize
The resize event happens as browser window is resized. This is useful for many situations like adjusting page elements depending on window size in order to avoid scroll bars (if required) etc.
As resize event occurs, resize() method is used to perform desired actions to associate with it.
Syntax
$(window).resize(function)
Example of using resize method()
This example will show an alert as window is resized (the browser viewport).
Experience this example online
|
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
29
|
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
$(window).resize(function(){
alert ("Window resized;" + "n" + "Width =" + $(window).width() + "n" + " Height = " + $(window).height());
});
});
</script>
</head>
<body>
<p>Resize window to see alert shoing window highet and width!</p>
</body>
</html>
|
Leave A Comment?