jquery change section with scrolling and animation

by

There are 3 different ways to get X and Y.

  1. screenX, screenY: total monitor width/height.
  2. pageX, pageY: browser size.

  3. clientX, clientY: the area that the client is seeing.

    $(window).bind('mousemove', function( event ) {
    var screenCoords = "( " + event.screenX + ", " + event.screenY + " )";
    var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
    var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
    console.log("global", "event.screenX, event.screenY ) : " + screenCoords );
    console.log("global", "event.pageX, event.pageY ) : " + pageCoords );
    console.log("global", "event.clientX, event.clientY ) : " + clientCoords );});

screen:

enter image description here

page & client:

enter image description here

More Related Contents:

  1. How I show div by scale effect and give her text
  2. jQuery Adding new option to select element doesn't pick up the string [closed]
  3. Can't able to apply css file in html5
  4. How to change the bootstrap css width into 1000px? [closed]
  5. Alert jQuery + CSS [closed]
  6. Auto-size dynamic text to fill fixed size container
  7. Click button copy to clipboard
  8. Slide right to left?
  9. Show div on scrollDown after 800px
  10. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  11. How to remove close button on the jQuery UI dialog?
  12. jQuery on window resize
  13. Making radio buttons look like buttons instead
  14. jQuery find element by data attribute value
  15. How to fade loop background images?
  16. Why is z-index ignored with position:static?
  17. Can I fade in a background image (CSS: background-image) with jQuery?
  18. How do you create a toggle button?
  19. Bootstrap CSS Active Navigation
  20. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  21. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  22. position fixed header in html
  23. Is there a style selector in jQuery?
  24. CSS for the “down arrow” on a element?
  25. Justify divs with CSS to fill width of parent container [duplicate]
  26. How to create a diagonal line within a table cell?
  27. Show/ Hide Table Column with colspan using jQuery
  28. How add spaces between Slick carousel item
  29. JQuery search in static HTML page with highlighting of found word
  30. Possible to have a floating horizontal scrollbar?

Leave a Comment