2010年,为Tper朋友们献上一系列自己写的简单却很实用插件吧,以后将不定期补充此系列,觉得不错就拿去。


系列插件链接:


1

变量输出插件


可打印数组,对象,字符串,写js代码时用来进行简单调试测看数据



页面滚动插件
1.
2. $.scroll_to = function(_to,diff)
3. {
4. _to = _to && typeof _to == 'string' && ( $('#'+_to).offset().top - (diff || 15) ) || _to || 0;
5. $('html,body').animate({scrollTop : _to},750);
6. };

复制代码


参数说明:

_to : 页面中id名或任意数值(页面的x坐标)。

diff :当滚动到某个id时,要往上移动多少,美化视觉


使用方法示例


滚动到页面顶部:


1. <a href="javascript:void(0);" title="" οnclick="$.scroll_to();">回到顶部</a>

复制代码


滚动到页面底部:

1. <a href="javascript:void(0);" title="" οnclick="$.scroll_to(999999);">到底部</a>

复制代码


滚动到指定位置,距离顶部800px左右

1. <a href="javascript:void(0);" title="" οnclick="$.scroll_to(800);">到某位置</a>

复制代码


滚动到页面中id名称为'thinkphp'的div位置

1. <a href="javascript:void(0);" title="" οnclick="$.scroll_to('thinkphp');">到id名称为thinkphp的div位置</a>

复制代码