时间轴制作(响应式)Common.js

/*置顶按钮*/
$(function () {
    var e = $("#pawtop"),
	t = $(document).scrollTop(),
	n,
	r,
	i = !0;
    $(window).scroll(function () {
        var t = $(document).scrollTop();
        t == 0 ? e.css("background-position") == "0px 0px" ? e.fadeOut("slow") : i && (i = !1, $(".top-1").css("opacity", 1), e.delay(100).animate({
            marginTop: "-1000px"
        },
		"normal",
		function () {
		    e.css({
		        "margin-top": "-125px",
		        display: "none"
		    }),
			i = !0
		})) : e.fadeIn("slow")
    }),
	e.hover(function () {
	    $(".top-1").stop(!0).animate({
	        opacity: 1
	    });
	},
	function () {
	    $(".top-1").stop(!0).animate({
	        opacity: 0
	    });
	}),
	$(".top-2").click(function () {
	    function t() {
	        var t = e.css("background-position");
	        if (e.css("display") == "none" || i == 0) {
	            clearInterval(n),
				e.css("background-position", "0px 0px");
	            return
	        }
	        switch (t) {
	            case "0px 0px":
	                e.css("background-position", "-298px 0px");
	                break;
	            case "-298px 0px":
	                e.css("background-position", "-447px 0px");
	                break;
	            case "-447px 0px":
	                e.css("background-position", "-596px 0px");
	                break;
	            case "-596px 0px":
	                e.css("background-position", "-745px 0px");
	                break;
	            case "-745px 0px":
	                e.css("background-position", "-298px 0px");
	        }
	    }
	    if (!i) return;
	    n = setInterval(t, 50),
		$("html,body").animate({ scrollTop: 0 }, "slow");
	});
});

//锚点跳转滑动效果  
$(function () {
    $('a[href*=#],area[href*=#]').click(function () {
        console.log(this.pathname)
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                    scrollTop: targetOffset
                },
                        1000);
                return false;
            }
        }
    });
});
posted @ 2016-04-06 14:25  落叶随风飘零  阅读(201)  评论(0)    收藏  举报