Posts Tagged ‘JQuery’

Page 1 of 3123

Understanding jQuery animate() function

jQuery animate() function is very powerful API to manipulate html elements and add animation functionality. The use of animate function is very simple. First lets check the syntax of this function. .animate( properties, , , ) properties: A map of CSS properties that the animation will move toward. duration: A string or number determining how long the animation ... Full story

jQuery Resizable and Draggable Tutorial with Example

Have you ever tried doing some animation using plain Javascript or moving DIVs here and there or resizing them?! Well, you know then how much pain it is as not only you have to tackle the difficult part of animation but also making it cross browser compatible. Well you probably know why I am stretching up so ... Full story

jQuery Live Event

jQuery Live Event
I love jQuery. I have expressed my love for jQuery here, here and here and still I feel so much for it. Also check out the 20 jQuery Tips & Tricks Tutorial. Let us see a wonderful function available in jQuery which many of us don't know. Most common use of jQuery is ... Full story

Fantastic Bouncy Effect using jQuery/JavaScript

Fantastic Bouncy Effect using jQuery/JavaScript
Let us see how can we create a Bounce Effect in HTML pages using jQuery. Bounce effect is an effect which resembles bouncing of a ball on floor or on a wall. These kind of effects dramatically improve user experience. Related: FadeIn / FadeOut Effect jQuery The Goal... Full story

Create Simplest Accordion Menu using jQuery

Create Simplest Accordion Menu using jQuery
Let us create a simple Accordion Menu using jQuery. Accordion Menu are the menu with some animation effect. It has few top line menu items which when clicked toggles to open sub menu options. When another top level menu is selected, other open menu will automatically collapse and save useful screen area. We will use jQuery effects to animate the accordion menu. jQuery provides ... Full story

Changing Form Input (Textbox) Style on Focus using jQuery

Changing Form Input (Textbox) Style on Focus using jQuery
User experience has always been a factor to be consider while you design a website. Lot of fields such as Human Computer Interface (HCI) and Usability etc have been studied upon. While designing a user interface, special care should always been taken while placing the text fields and selecting fonts. While lot of web designers prefer ... Full story
Tags: ,

20 Top jQuery tips & tricks for jQuery programmers

20 Top jQuery tips & tricks for jQuery programmers
Following are few very useful jQuery Tips and Tricks for all jQuery developers. I am sharing these as I think they will be very useful to you. Disclaimer: I have not written all of the below code but have collected from various sources from Internet. 1. Optimize performance of complex selectors Query a subset of the DOM when using ... Full story

Sum HTML Textbox Values using jQuery / JavaScript

Sum HTML Textbox Values using jQuery / JavaScript
Here is a small code snippet to sum the values of all textboxes in a form in JavaScript using jQuery. I wrote it for some functionality and thought to share it with you all. The requirement is simple, whenever user modify the value of a textbox, the fresh sum should be calculated and displayed on the ... Full story

Delete Row from HTML Table by clicking it using jQuery

Delete Row from HTML Table by clicking it using jQuery
jQuery has became one of the most used and most loved JavaScript framework of all time. It not only does reduce the overhead in coding simple techniques in JavaScript, but also make your code cross browser compatible. I have written many tutorials on jquery and this time also I came with this simple plain implementation. The ... Full story

Textarea Resize JavaScript: Resize textarea using jQuery plugin

Textarea Resize JavaScript: Resize textarea using jQuery plugin
Have you ever used textarea in your UI design to get text from user? (Ofcourse you must) :) You must have specified rows and cols attribute to define the height and width of the textarea, or by using CSS. By whatever mean you create your textarea, the width and height of the textarea is fixed. What ... Full story
Page 1 of 3123
Copyright © 2010 ViralPatel.net. All rights reserved.