There are a lot tutorial about creating drag and drop shopping cart, in this post I want to share my version still with JQuery, but the different is this example only shows the code on the client side, which mean all of data are hardcoded on the html, and counting price and total items will be handle by javascript.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
Shuffle Between Images Using JQuery
Shuffle mean changing the position between each items position, I continue this shuffling images feature so that can be added to my previous post about creating collage image gallery using jquery, and better can be added with rotating feature too. I’m using the same layout and images position like before.
jQuery.folderPreview
jQuery.folderPreview is a jQuery plugin that takes a series of images and positions them so that they appear within a folder graphic. This enhances the attractiveness of a browsing UI system, allowing the user to visualize the contents of the folder. Highly customizable, folderPreview scales back images, “tucks” them in behind a folder graphic using CSS positioning techniques, and rotates them slightly with a separate compatible plugin (jQuery.rotate). It can also select images to process randomly via jQuery.shuffle.
JQuery roll over two level horizontal menu
This script creates a menu with two levels. The second level is hidden and will only appear when you move over a menu button. The menu buttons of the second level are displayed on a single row. This is a userfriendly menu type and saves a lot of space on the page. Although the second menu slides from under the first menu. This effect is obtained by using JQuery. The menu is built using ul and li tags. The CSS provides the layout.
JQuery slideTo function
Jquery slideTo function. With this function you can slide an element to a given position on your webpage. There are four option to define the position. Special to this function is that you have the ability to slide to the center of the screen and also to the bottom and/or right of the screen.
