CLICK HERE TO SEE THE WORKING EXAMPLE.
This example shows how to create HTML elements in run-time in jQuery.
Once generated, each element is given the possibility to react to the mouse pointer interaction ('over' and 'out').
The elements, specifically '<P>' items, turn out to cover a whole '<DIV>' (which works as a contanier constantly centered in the web page) and inside it are laid in a tabular manner.

CLICK HERE TO SEE THE WORKING EXAMPLE.
If your goal is to create HTML elements dynamically with their origin corresponding to the 'mouse' pointer position in jQuery, this is the right example to study.
Tested with the main browsers (a few CSS rules are not supported by some of them however), this example focuses on a '<DIV>' item you can click on.
Whenever you click, the mouse coordinates, relative to the document, are translated into coordinates relative to the '<DIV>' element.

CLICK HERE TO SEE THE WORKING EXAMPLE.
This carousel, developed in jQuery, has some interesting features: not only does it make use of several kinds of loop, specifically used, in this example, to iterate over a collection of '<ARTICLE>' items, but it also utilize the 'bind()' method to associate events, and their management, with given 'DOM' items.
The code shows how all the '<ARTICLE>' items get interactive associating them with the 'click' event handling.
The same function is executed whatever '<ARTICLE>' item is clicked on.
Customized properties of an object called 'data' (in turn a property of the object represting the event passed to the handler as parameter) allows you to distinguish which '<ARTICLE>' item underwent the event.