标签归档：JQuery

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

2010年6月4日 Web前端 14,406 浏览 15条评论

方法原作者：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)

2010年5月1日 Web前端 11,941 浏览 9条评论

开始折腾JQuery！——2010.5.1

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

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

继续阅读…

JQuery插件开发

2010年4月27日 Web前端 12,064 浏览 11条评论
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效果而已。