PP8WV5TNBT8G

Realistic Hover Effect With jQuery

Realistic Hover Effect With jQuery

The HTML and CSS are both straightforward and have a structure and style common to many web navigations and menus (for the sake of post length, I’m not including HTML/CSS code examples here but you are free to snoop around in the demo or view the files in the download below).

Background Animation Plugin

Background Animation Plugin

Adds the ability to do background-position animations to jQuery 1.2 and newer.

Dhtml Popup Menu Script

Dhtml Popup Menu Script

Right click on document space to call a right-click context menu.

Expandable Table Rows using jQuery

Expandable Table Rows using jQuery

A common UI is to have a table of data rows, which when clicked on expand to show a detailed breakdown of “child” rows below the “parent” row.

jqGrid | jQuery Grid Script

jqGrid | jQuery Grid Script

At end 3.0 (rc) version of jqGrid is out. This version is a major release, because I have totally rewrite the code for the methods without affecting the behavior of the plugin.

jQuery Select Box | styled dropdown menu

jQuery Select Box | styled dropdown menu

This is an unobtrusive jQuery plugin that allows you to replace the HTML select box with a styled dropdown menu.

Drag and Drop table content with JavaScript

Drag and Drop table content with JavaScript

Content of HTML table cells can be dragged to another table cell or another table. It isn’t difficult to define onMouseMove handler and change top / left element styles to move the object. In case with tables, you will have to determine somehow destination table cell

Simple AJAX progress bar

Simple AJAX progress bar

With few lines of JavaScript and CSS you can make simple AJAX progress bar. JavaScript will periodically ask for progress value and server will respond with XML. Progress value should be extracted from the XML and displayed as width of the DIV element.

JavaScript dialog box

JavaScript dialog box

If you aren’t satisfied with prompt, confirm, alert or window.open, then you need JavaScript dialog box. Dialog box is emulated with two DIVs.

jQuery Input Floating Hint Box

jQuery Input Floating Hint Box

Provide an automatic box hint in the right side of an input, when focus on that input, and disappear when focus go (blur).

Subscribe to RSS Feed Follow Ajaxmint on Twitter!
Get Adobe Flash playerPlugin by wpburn.com wordpress themes