js/jquery(2)

来源：互联网发布：类似商务通的软件编辑：程序博客网时间：2024/06/06 02:41

#21.window.print() 打印

#22.手机站输入框每次输入字符和删除字符时都判断的，就用input事件，keyup只是在输入时管用，删除字符时不管用，keypress和keydown则无论输入和删除完全不管用。

#23.js设置cookie时，发现另一个页面无法读取到。只需在设置cookie时加上 path=/ 就可以了。

#24.jquery.pin.js 将.pinned(被钉在窗口中始终显示)的元素限定在.container元素中显示.

$(".pinned").pin({containerSelector: ".container"})

#25.导航栏在static和fixed之间转换，并且滚动页面，内容区块对应的导航栏高亮显示

function high_li(ee){                var e =  document.getElementById(ee);                y = e.offsetTop;                while(e=e.offsetParent){ y += e.offsetTop;}                    nowtop = $(this).scrollTop();                if(y > navtop && nowtop < navtop){                    y -= 200;                }else{                    y -= 80;                }                window.scrollTo(0,y);                $('.af_nav li').removeClass('active');                $('#li_'+ee).addClass('active');            }var nowtop,inittop = 0;        var navtop = $('.af_nav').offset().top;        var backtopleft = $('#af_backtop').offset().left;        $(window).scroll(function(){            nowtop = $(this).scrollTop();            if(nowtop > navtop && inittop < navtop){                $('.af_nav,#af_backtop').css({'position':'fixed','top':0,'z-index':'99','margin-top':0});                $('#af_backtop').css('left',backtopleft);            }else if(nowtop < navtop && inittop > navtop){                $('.af_nav,#af_backtop').css({'position':'static','margin-top':'20px'});            }            inittop = nowtop;            var $floor=$("section div[id^=cat]");            var $nav=$(".af_nav ul li");            var floorId="";            var scrollTop= nowtop;            $floor.each(function(index,Ele){                var offsetTop = $(Ele).offset().top - 120;                if(scrollTop>=offsetTop){                    floorId= $(this).attr("id");                }else{                    return false;                }            });            $nav.filter("[id=li_"+floorId+"]").addClass("active").siblings().removeClass("active");      //||scrollTop>$floor.last().offset().top+$floor.last().height()            /*if(scrollTop<$floor.first().offset().top - 800){              $nav.removeClass("active");            }*/        });

0 0