Vertical menu (css, and javascript)Comfortable All browser <link rel="stylesheet" type="text/css" href="cssverticalmenu.css" /><script type="text/javascript" src="cssverticalmenu.js"></script></head><body><ul id="verticalmenu" class="glossymenu"><li><a href="http://www.it-solution.in">Menu1</a></li><li><a href="http://www.it-solution.in" >Menu2</a></li><li><a href="http://www.it-solution.in">Menu3</a></li><li><a href="http://www.it-solution.in">Menu4</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu1</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Sub Menu3</a></li> </ul></li><li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Menu2</a></li><li><a href="http://www.javascriptkit.com/howto/">Menu2</a></li><li><a href="#" >Menu2</a> <ul> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> <li><a href="http://jafaralikhan.blogspot.com">Menu2</a></li> </ul></li></ul>See Demo
Category Archives CSS3
Simple Tabs CSS & jQuery - Easy Tab Tutorial with CSS and jQueryI know there are quite a few tutorials out there that demonstrate how to create tabs with CSS & jQuery, but I decided to create my own as well. I’m not sure if the techniques are the same, but hopefully this tutorial will be easy to understand even…
Create a sortable table with multi-column sorting capabilities.A simple Table Sorter.tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including: Multi-column sortingParsers for sorting text,…
jQuery toggle ExamplesIf more than two handlers are provided, will cycle among all of them. For example, if there are three handlers, then the first handler will be called on the first click, the fourth click, the seventh click, and so on.The method is provided for convenience. It is relatively straightforward to implement the same behavior by hand, and this…
jQuery onmouseover + onmouseout / hover on two different divsTo make it all work, we first need to add the jQuery library script between the tags.<script src="jquery-1.4.4.js" type="text/javascript"></script></div>This code past body Tag<div id="div_1"> Here Hover</div><div id="div_2"> Here content to show</div>$(function() {jQuery('#div_2').hide(); jQuery('#div_1').mouseover(function() { jQuery('#div_2').fadeIn();});jQuery('#div_2').mouseout(function(){ jQuery('#div_2').fadeOut();});});if you Like this code then Please do the comments
A Simple Mouseover Hover Effect with jQueryTo make it all work, we first need to add the jQuery library script between the tags.<script src="http://yoursite.com/jquery.js" type="text/javascript"></script></div> Now lets create the function that will make it all work.<script type='text/javascript'>$(document).ready(function(){ $(".button").hover(function() { $(this).attr("src","button-hover.png"); }, function() { $(this).attr("src","button.png"); });});</script> The one thing you need to make sure is that the classname in the jQuery function…
Blink text with jQuery1.Text Effects In jQuery.2.If you want blinking text, use this tag. 3. To fade-in fade-out blinking of the text <div id="msg"> </div><script language="javascript"> function setFade() { $("#msg").fadeOut(1000, function () { $("#msg").fadeIn(); }); } setInterval("setFade();",100);</script>
Characters Validation You want to Type only Characters then use this Function if you Type numeric the return falsevar charSetName="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function isName(myst) {var i;for (i = 0; i < myst.length; i++) {var c = myst.charAt(i);if (charSetName.indexOf(c) < 0) {return false;}}return true;}