下面这个小例子,灵感来源于百度有啊的应用(现在好像没有了),就是当鼠标移上去和移除,图标会有缓动的效果。效果不比flash的差。
51CTO推荐专题:jquery从入门到精通 jQuery给力插件大阅兵
下面是的效果图:图标很好设计,在这里就不教大家怎么设计了。
下面是JQ的代码部分:
http://www.gaodaima.com/29254.html
$(function(){
//append img to LI
$("#nav-shadow li").append("
width="60" height="32" alt="" />");//这是阴影的图片
//append hover event
$("#nav-shadow li").hover(function(){
//define e for tihs
var$e =this;
$($e).find("a").stop().animate({marginTop:"-14px"},250,function(){//回调函数控制
$($e).find("a").animate({marginTop:"-10px"},250