Subscribe
Tutorial search

JavaScript Mouse Tutorials


Sort by:
3D rotator using jQuery
3D rotator using jQuery
In this article I would like to show you a 3D rotator you can make with jQuery. It will listen for mouse events to rotate a teapot much like a 3D turntable render video
Difficulty:
Jquery Image Color Up Effect
Jquery Image Color Up Effect
Cool Jquery script effect for images, this script will color up any image on mouse over.
Difficulty:
Draw on a HTML5 Canvas with the Mouse
Draw on a HTML5 Canvas with the Mouse
This is an easy tutorial explaining how to draw and paint using a mouse on a HTML5 canvas with JavaScript.
Difficulty:
Game Development: Mouse and Touch Event Detection
Game Development: Mouse and Touch Event Detection
Welcome to the first tutorial of ‘HTML5 Canvas Game Development’! In this tutorial, you will learn t
Difficulty:
Adding Touch Support to Your Website with Javascript
Adding Touch Support to Your Website with Javascript
Map touch events to mouse events using Javascript with the help of this Javascript guide.
Difficulty:
Animated background on buttons
Animated background on buttons
A horisontal menu that animates by mouseover
Difficulty:
Optimizing Window Resize and Mouse Move Events
Optimizing Window Resize and Mouse Move Events
How to optimize window re-size and mouse move events to perform one's logic at the end of a series of pixel iteration, instead of every single pixel iteration.
Difficulty:
Save selected text on a webpage to your Dropbox account - jQuery plugin
Save selected text on a webpage to your Dropbox account - jQuery plugin
"This script - allows users on your webpage to save any text (selected using a mouse), directly to their dropbox account. - there is also an option to save the complete webpage to their dropbox account. - authenticates users with dropbox if not already logged in."
Difficulty:
Stop Spam With MotionCAPTCHA jQuery Plugin
Stop Spam With MotionCAPTCHA jQuery Plugin
Motion captcha is a jQuery plugin I've stumbled across where it will ask the user to draw over the image displayed to them, this can only be done by a human with a mouse and therefore proves they are a human so passes the test and allows you to submit the form.
Difficulty:
Creating a 5 star rating system using jQuery, PHP and MySQL
Creating a 5 star rating system using jQuery, PHP and MySQL
In this tutorial we will create a simple 5 star rating system using jQuery, MySQL, PHP and AJAX. We will use jQuery to highlight the star the mouse is over and the preceding stars, AJAX to send the vote to the server, PHP to process the vote and MySQL to store the vote.
Difficulty:
Game Development: Mouse and Touch Event Detection
Game Development: Mouse and Touch Event Detection
Welcome to the first tutorial of ‘HTML5 Canvas Game Development’! In this tutorial, you will learn the technique of detecting mouse and touch events for building a game for PC users and touch devices users.
Difficulty:
Creating a 5 star rating system using jQuery, PHP and MySQL
Creating a 5 star rating system using jQuery, PHP and MySQL
In this tutorial we will create a simple 5 star rating system using jQuery, MySQL, PHP and AJAX. We will use jQuery to highlight the star the mouse is over and the preceding stars, AJAX to send the vote to the server, PHP to process the vote and MySQL to store the vote.
Difficulty:
Animated background on buttons
Animated background on buttons
A tutorial for writing a script that lets the backgroung of a menu follow the users mouse around
Difficulty:
Rollover Gallery with JQuery and HTML
Rollover Gallery with JQuery and HTML
In this article I will show you how to create an image gallery that will show images in a larger preview when rolled over. JQuery’s mouseover function let’s us tap right into our HTML elements like the div and image tags. When you mouse over an image it will display it in the larger view above the images below it, for a quick mockup check out the mockup from mockflow.com. Before you get started you can go ahead and download our file zip for this article.
Difficulty:
Mouse Events and Basic User Interaction – Learn jQuery in 10 Minutes Tutorial
Mouse Events and Basic User Interaction – Learn jQuery in 10 Minutes Tutorial
A tutorial giving an introduction to the theory and practice behind events in jQuery, including the demonstration of a click event (with code). Also explained are how to use id selectors, as well as a brief explanation of other core scripting ideas such as event handlers and function calls.
Difficulty:
Search Term(s) (1): mouse