DevSnippets » JavaScript Library

[Code Snippet] jQuery : Show/Hide Element

tdomf_e401b — Tue, 09 Mar 2010 12:43:06 +0000

This is a very basic technique to show and hide HTML element, we just need to define the element then show or hide them with jQuery built-in function, $.slideToggle(). But if you see my sidebar in ‘Tags Collection’ section, you’ll notice that there’s a toggle to show or hide the tags collection (with undefined div’s height, of course) and that’s what i will explain.

How to Create a Nifty Dynamic Shadow with jQuery

tdomf_e401b — Tue, 09 Mar 2010 12:43:03 +0000

Learn how to create a very nifty looking dynamic shadow with a few teaspoons of jQuery, a pinch of CSS and some transparent PNG’s as Base.

Create A Floating Navigation Using HTML, CSS and jQuery

tdomf_e401b — Mon, 08 Mar 2010 13:40:35 +0000

As we were saying, jQuery is a powerful tool to use if you want to create a website. So I made this tutorial in which I will show you how to create a minimalist floating navigation using jQuery HTML and CSS of course.

38 Cool MooTools Plugins Developers Should Know

tdomf_e401b — Mon, 08 Mar 2010 13:40:31 +0000

Mootools are one of the very famous Javascript Framework. With this we can write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

jQuery slider out of contact form

tdomf_e401b — Mon, 08 Mar 2010 05:16:34 +0000

how to crea jquery slide out of contact form

Image Power Zoomer

ddrive — Thu, 04 Mar 2010 07:35:20 +0000

Image Power Zoomer gives any image on your page the ability to be magnified when the mouse rolls over it. A “magnifying glass” that appears over the image lets the user zoom in on any portion of it as it follows the cursor around. Furthermore, the magnification power can be adjusted on the fly by turning the mouse wheel back or forth.

Rotated Background with Slide Up Menu

tdomf_661f8 — Wed, 03 Mar 2010 15:13:32 +0000

Let\’s think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.

30 jQuery Tooltip Plugins To Enhance Your Web Design

tdomf_661f8 — Tue, 02 Mar 2010 23:47:49 +0000

According to jQuery.com, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations

prlamnguyen — Tue, 02 Mar 2010 23:47:49 +0000

In most cases, jQuery can do better than Flash. We\’ll round up some tutorials and jQuery plugins that are simply awesome. Each of these teaches how to get a desired Flash effect, but with jQuery instead.

Create Animated Navigation Menu From Stratch

tdomf_661f8 — Tue, 02 Mar 2010 10:32:56 +0000

Authenticjobs has a nice navigation menu. How could it be nice? The navigation will automatically shifted to the menu that we choose. Now in this tutorial, I’d like to discuss how to make not only an animated navigation like that but also an informative one.

menu.png (10 KB)