resize() event handling in JQuery

Triggers when browser window changes its size. Syntax is here
$(window).resize(function(){
/// code here ///
})

  • Video Tutorial on window resize Events


Displaying window width while resizing.
Demo is here ( Change the size of this window and check the width displayed while changing )
Resize this window

JQuery

<script>
$(document).ready(function() {
// Jquery code here ///
$(window).resize(function(){
  $('#d1').html("Resize event,  : window width :"+ $(window).width())
})
////
});
</script>

HTML

<div id=d1>Resize this window</div>

  • Video Tutorial on keyboard Events


Event Reference scroll()
Keypress() keyup() keydown() Learn which key is pressed by user


plus2net.com



Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element


JQuery Video Tutorials




We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2020 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer