This is a simple css code you can change opacity onmouseover and onmouseout. Its is very simple put this code and try it.

Code

<img src=”path of image” width=”_” height=”_” style=”opacity:0.8; filter:alpha(opacity=80); float:left; margin:0 10px 10px 0;”
onmouseover=”this.style.opacity=1;this.filters.alpha.opacity=100″
onmouseout=”this.style.opacity=0.8;this.filters.alpha.opacity=80″ />

Enjoy!!!

Sexy Drop Down Menu w/ jQuery & CSS

Posted: August 25, 2009 in 1

Sexy Drop Down Menu w/ jQuery & CSS

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 to create a sexy drop down menu that can also degrade gracefully.

Demo

img_form

When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

DEMO

search_suggestion

“This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request. How about that for some nice way of combining powerful techniques to create something nice like this. You do need some basic knowledge about these techniques to fully understand this tutorial.”

demo

filt

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

link

1

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. As Web developers we are always in search of new tutorials and resources, tips, tricks for our readers . Today we listed Most Desirable Collection Of Javascript/Ajax & CSS Tooltip Scripts etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

http://www.dreamcss.com/2009/03/list-of-25-javascriptajax-css-tooltip.html

Please let me know what you think in the comment section. Know of any really cool drop-down and sliding menus that I missed? Let me know! 🙂
click here