jquery实现网页查找功能示例分享

2020-05-23 06:17:02易采站长站整理

        });
        //定位并提示信息
        if (flag == 1) {
            if ($(“.highlight”).size() > 1) {
                var _top = $(“.highlight”).eq(i).offset().top+$(“.highlight”).eq(i).height();
                var _tip = $(“.highlight”).eq(i).parent().find(“strong”).text();
                if(_tip==””) _tip = $(“.highlight”).eq(i).parent().parent().find(“strong”).text();
                var _left = $(“.highlight”).eq(i).offset().left;
                var _tipWidth = $(“#tip”).width();
                if (_left > $(document).width() – _tipWidth) {
                     _left = _left – _tipWidth;
                }
                $(“#tip”).html(_tip).show();
                $(“#tip”).offset({ top: _top, left: _left });
                $(“#search_btn”).val(“查找下一个”);
            }else{
                var _top = $(“.highlight”).offset().top+$(“.highlight”).height();
                var _tip = $(“.highlight”).parent().find(“strong”).text();
                var _left = $(“.highlight”).offset().left;
                $(‘#tip’).show();
                $(“#tip”).html(_tip).offset({ top: _top, left: _left });
            }
            $(“html, body”).animate({ scrollTop: _top – 50 });