首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

csdn论坛排行榜页面的特效是如何弄的?

2012-08-14 
csdn论坛排行榜页面的特效是怎么弄的???不知道大家注意到没有,在排行榜页面有一个特效,鼠标悬浮 选中行变

csdn论坛排行榜页面的特效是怎么弄的???
不知道大家注意到没有,在排行榜页面有一个特效,鼠标悬浮 选中行变色,鼠标离开选中行还原原来的颜色,这不是重点 重点是 有幻影,我尝试通过hover()事件来控制背景的opacity 不透明值,没有效果 啊 ·~~~~我要怎么弄呢 ??

JScript code
var roots = $(".index_left li.root");        for(var i=0;i<roots.length;i++){            $("#"+roots[i].id).children("a:eq(0)").hover(                function() {                     $(this).css("background-image","url(images/list_2.jpg)").animate({ opacity: '1'},100);                },                 function() {                     $(this).css("background-image","url(images/list_1.jpg)").animate({ opacity: '0.8'},100);                }            );        }


拜托拜托~~

[解决办法]
查看它的源代码,使用firebug,yslow插件就可以看的很清楚
应该是鼠标mouseout事件里进行定时器过度下就 可以实现了

热点排行