当我使用jquery.easing.1.3.js时,左菜单不会移动

时间:2014-02-20 07:51:58

标签: javascript jquery html css

我正在尝试使用jquery.easing.1.3.js库使菜单左移从上到下父元素itselt作为此页面中的广告(左,右)http://baogiadientu.com/demo/banner/index.html(firefox浏览推荐)。我已将此代码用于新网站,但它不起作用:

    <script type="text/javascript">
        $(function(){
            $banner=$('.banner');
            $window=$(window);
            $topDefault=parseFloat($banner.css('top'), 10);
            $window.scroll(function(){
                $top=$(this).scrollTop();
                $banner.stop().animate({top: $top+$topDefault}, 1000, 'easeOutCirc');
            });

            $wiBanner=$banner.outerWidth()*2;
            zindex($('#col-left').outerWidth());
            $window.resize(function(){
                zindex($('#col-left').outerWidth());
            })
            function zindex(maxWidth){
                if($window.width() <= maxWidth+$wiBanner){
                    $banner.addClass('zindex');
                }else{
                    $banner.removeClass('zindex');
                }
            }
        });
    </script>

这是新网站,请使用firebug查看代码:http://baogiadientu.com/demo/home/news.php(徽标网站下方的颜色左侧菜单)。非常感谢!

0 个答案:

没有答案