csdn论坛排行榜页面的特效是如何弄的？-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20330 次

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事件里进行定时器过度下就可以实现了

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>