//页内锚点滑动效果,来自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插件开发

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

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

在网上我看到主要流行两种 返回顶部 的JS代码，一种是使用JQuery实现(匀速滑动到顶部)，一种是不使用JQuery实现(匀加速滑动到顶部)。

今天只记录如何使用JQuery来实现这个效果。

在主题header.php加一下代码：

在主题footer.php中保证有如下一段代码：

<a href=”#” id=”returnTop”>Top&uArr;</a>

在主题文件夹下新建js文件夹在js文件夹下新建scrollTop.js文件，并添加如下代码：

$(function(){
	$('#returnTop').click(function(){
		$('html,body').animate({scrollTop: '100px'}, 800);
		return false;
	});
})()

返回博客首页刷新，点击 页脚 下的 top按钮，即可看到效果了。

PS：有关 animate 使用方法，请查阅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效果而已。

相关文章

• jQuery代码实现Web页内锚点scoll效果
• JQuery返回顶部 代码 (wordpress)