Side pop-up vertical navigation created using jquery animation effects and css_jquery

This is a side pop-up vertical navigation created using jquery animation effects and css. The entire pop-up process is relatively smooth, and the code is very simple. If you are looking for a vertical navigation with animation, you can try this. The following is a screenshot of the effect:



HTML source code:

Copy code Code As follows:

< ;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js
">
< ;script language="javascript">
$(document).ready(function() {

$("ul.side_nav li").hover(function() {
$( this).find("div").stop()
.animate({ left: "210", opacity: 1 }, "fast")
.css("display", "block")
}, function() {
$(this).find("div").stop()
.animate({ left: "0", opacity: 0 }, "fast")
});
});

< ;li>
Corange.cn



Go home!
ASP




• 
  About Me
  Get to know me.

Get to check out my featured work!

Blog

Tutorials, articles and resources.

< /li>

Contact

Don't hesitate to drop me a line!

Rss
< div>

News, Video and so on.