Mouse Tricks

I have a Wordpress WooCommerce store and on my archive pages, I want to hover over the product and have a minimalised view to come up like a tooltip. The hover feature must follow the mouse, and the content that is displayed must be dynamic (pulled from JSON feed). This is my test store where the products are displayed: http://1clickhere.co.za/testing/affilionaires2/ This is what I want the feature to look like and do (see how it follows the mouse): http://jsfiddle.net/JVDFc/ However, I've just started learning jQuery. So my knowledge is limited. Can someone help and guide me put this together? And what is the easiest way?

This code example will stop visitors from right clicking on your website. This is quite useful for many reasons, from stopping folks from picking through your code to stopping image thieves, this code will help you out.

JQuery Tabbed Menu Script allows to display the contents in multiple horizontal tabs. The content is shown when you click on the respective tab

A simple javascript code that expands blocks of text. For example, when you click the title or image, the text under it will expand. when you press the title or image again, it will collapse the text.

This javascript helps you to move the eyes after your mouse cursor. It gives a feel like your visitors are being watched.

This Javascript function makes the image to move behind the mouse cursor, It looks like a tail, Cursor-trail script is used to view the movement of the cursor.

This plugin enables you to use jQuery to attach events triggered by the right mouse button. Three right-click events are supported: click, mouseup, and mousedown. There is also a built-in method to disable browser context menus.

There are many reasons you might want to disable the right click function within your webpages. Maybe you want to try and protect your images or source code etc... A javascript that can stop your visitors from right clicking on your webpages is quite helpful. This no right click javascript will open an auto centering alert box providing a message to the visitor.

There are many reasons you might want to disable the right click function within your webpages. Maybe you want to try and protect your images or source code etc... A javascript that can stop your visitors from right clicking on your webpages is quite helpful. This no right click javascript also has the option to pop up an alert to your visitor and/or close the window if desired.

This script can display tooltips with HTML content for any element on a page in any modern browser. Easy to setup and customize.

A very simple and powerfull Anti Right Clic javascript !!!! This script avoid the right clic of your mouse.

DND is a library for adding drag-and-drop capabilities to elements on a web page. It includes a Sortable class that makes it possible to change the order of items in a list or rows in a table. Demonstrations are included with the source.

This online script can retrieve the mouse coordinates by a single click and display a box near the mouse. This script takes into consideration the browser type and apply an opacity style onto the box.

Tired of the digital age? This script produces the face of an analogue clock with second, minute and hour hands, which follows your mouse around the screen. The effect is further enhanced as the face of the clock is transparent so that the web-page can be seen underneath it. An effect that normally you could only achieve using Flash Animations, but done in JavaScript!

This script makes 'fairy dust' drift from your mouse each time you move it around the screen. It's great for kids web-sites and adds a touch of magic. The effect is similar to the 'magic sparkles' that appear when most cartoon fairies (such as Tinkerbell in Peter Pan) move around.

CodeThatHint is a javascript widget providing the functionality of the tool tip (hint) control. It is represented by the box with the text note, image and any other HTML content and usually displayed in response to the user action (mouse movement, click). The note usually introduces some useful and helpful information and makes site or application evaluation more convenient by shortening the learning curve.

This script displays a snake text effect on the cursor. The script includes a HTML code generator that allows to change parameters without any knowledge of JavaScript and HTML programming.

This script displays a radial text effect on the cursor. The script includes a HTML code generator that allows to change parameters without any knowledge of JavaScript and HTML programming.

Implementing drag and drop functionality is not as simple as one would think. Besides having to do a boundary check on all the draggable layers, you also have to make sure that the right layer is selected when overlapping occurs. By combining a subset of my DHTML API with my mouse events script, I created this minimalist drag and drop HTML sample.

Add a touch of Christmas to your website with this sweet little DHTML animation. Three different animations to choose from. Very easy configuration. Crossbrowser. Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x.