活动页常用效果总结

一、浮动导航条

$(document).ready(function () {
  $("a[href*=#],area[href*=#]").click(function () {
  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;
     　　 }
 　　 }
});}  
}

$.fn.smartFloat = function () {
    var position = function (element) {
        var top = element.position().top, pos = element.css("position");
        $(window).scroll(function () {
            var scrolls = $(this).scrollTop();
            if (scrolls > 540 ) {
                if (window.XMLHttpRequest) {
                    element.css({
                        position: "fixed",
                        top: "0px",
                        _top: "0px"


                    });
                } else {
                    element.css({
                        top: scrolls
                    });
                }
            } else {
                element.css({
                    position: "absolute",
                    top: 540
                });
            }
        });
    };
    return $(this).each(function () {
        position($(this));
    });
};