Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how [...]
Posts Tagged ‘jquery’
Sexy Drop Down Menu w/ jQuery & CSS
Posted by Bagesh Singh on July 2nd, 2010
Posted in Home, Interview Question, Others, ajax, how-to, jquery, php, tips and technique, tutorial 
Tags: jquery 
No Comments »
“Outside the Box” Navigation with jQuery
Posted by Bagesh Singh on July 2nd, 2010
Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn’t new, it’s certainly not common.
A few days ago, Jeffrey posted about a potential “outside the box” competition on ThemeForest [...]
jQuery Tutorial : Horizontal Animated Menu
Posted by Bagesh Singh on July 2nd, 2010
In this occasion, we’ll try to build basic horizontal animated menu using jQuery. Ok, lets just start it
Step 1 : Create files needed
Ok, first let us create files needed to build this ‘menu’. All we need is :
jQuery library, you can download the latest version in http://code.google.com/p/jqueryjs/downloads/list
JavaScript document – let us named it ‘menu.js’
index.html
style.css
Let we [...]
38 jQuery And CSS Drop Down Multi Level Menu Solutions
Posted by Bagesh Singh on July 2nd, 2010
Hello again, it’s time for comprehensive programming article. Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. My favorite here is the first pick – Outside the box with very unique navigation menu. It’s always good to have such reference [...]
Posted in Home, Interview Question, Others, ajax, coding technique, how-to, javascript, jquery, php, tips and technique, tutorial Tags: dropdown, javascript, jquery, Menu, Navigation, Tutorials, webdesign No Comments »
How to Make a Smooth Animated Menu with jQuery in php
Posted by Bagesh Singh on July 2nd, 2010
Step 1 – Set up the Structure
Before starting with any jQuery, we’ve got to build a quick menu structure with XHTML and load in the required project files. Make new XHTML, CSS, and javascript documents. I’ve chosen to name each of mine “animated-menu”. Make two folders in the root directory for images and javascript. I’ve [...]
Posted in Home, Interview Question, Others, Php interview question, ajax, coding technique, how-to, javascript, jquery, php, tips and technique, tutorial Tags: animation, Easing, jquery, Menu, Navigation, plugin No Comments »
Animated content navigation effect using jquery
Posted by Bagesh Singh on March 19th, 2010
I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without [...]
Top Floating message box using jQuery
Posted by Bagesh Singh on March 19th, 2010
Last time, I’ve shown you how to create a alert box using jQuery. This time, I’ve come up with another tutorial to show you how to display floating message box in the top of the browser using jQuery. The message box always get displayed at the top of the browser although [...]
Sleek and Smooth animated menu using jQuery
Posted by Bagesh Singh on March 19th, 2010
Today, I’m going to show you something interesting with jQuery. Yesterday I was thinking something to post something programming related stuff in blog after long time and I came across a website, whose menu impressed me a lot. But checking it in a while, I found it it was built using [...]
Jquery : Benefits, Examples and Free Ebook
Posted by Bagesh Singh on March 12th, 2010
What is jQuery?
Directly taken from the website of jQuery -” jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages”.It is basically a JavaScript framework for writing huge task of JavaScript with few lines of code.
What are the benefits [...]
Image hover effect using jQuery
Posted by Bagesh Singh on March 12th, 2010
In this post, I’ll show you how to make a image hover effect using “div” in jquery.Take a look at a telebid.com if you put the mouse over the bid button it will be changed to login and afterwards it become bid button.
Step 1:
First of all, define two classes in css one for “loginimage” and [...]
