jQuery代码实现Web页内锚点scoll效果

方法原作者:http://www.learningjquery.com

//页内锚点滑动效果,来自http://www.learningjquery.com/的方法

$('a[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; //使其呈现清晰的URL链接
            }
    }
});

发现网上这段代码被各个站粘贴,以致我也不太清楚原作是谁了,我还是比较相信国外的那些大牛,不过这段代码确实值得转帖分享,在本小站再次分享。

JQuery返回顶部 代码 (wordpress)

开始折腾JQuery!——2010.5.1

以前在网页中使用JavaScript的时候,总感觉这种脚本代码,除了页面提示,貌似就没啥功能了,用了反而会让页面显得很乱。

去年知道JQuery,很好很强大的一个小型的JS库,不过一直没怎么研究过,为了能让自己的博客多一些JS效果,今天开始折腾JQuery。

继续阅读…

JQuery插件开发

jquery plugin development

本文并非原创,主要内容来自以下链接:

http://www.javaeye.com/topic/545971

http://www.learningjquery.com/2007/10/a-plugin-development-pattern

今天中午在网上看到一个不错的AD轮播的Demo,因为有提供下载于是下载下来,然后仔细看了下源代码,看到它扩展插件的方法很不错,他的格式是这样的:

(function($) {
    $.fn.pluginName = function() {
    // Our plugin implementation code goes here.
};
})(jQuery);

在参阅以上文章后才差不多了解了这种扩展方式,正如文中所说,这种方法对象级别的插件扩展,而上面定义了一个jQuery函数,形参是$,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.

本人也是刚刚开始学习JQuery,虽然是在一年之前就已经知道了JQuery,可是之前也就仅仅是知道这个名字而已,今天算是打算开始正式学习JQuery了,先多看看别人的文章先了。

眼馋别人博客上的JS效果而已。