学步园

1.页面延期载入图片插件【使用过】

http://www.appelsiini.net/projects/lazyload

滚动条滚动时才会去加载图片

2.当前页面的图片展示插件

http://demo.tutorialzine.com/2009/09/cool-jquery-gallery/demo.php

http://codecanyon.net/item/jquery-lightbox-evolution/full_screen_preview/115655?clickthrough_id=26382588&ref=aeroalquimia&redirect_back=true

仿腾讯邮箱的图片浏览展示

3.文字滚动插件

http://jscroller.markusbordihn.de/download/

4.分页插件【使用过】

http://plugins.jquery.com/project/pagination

5.图片3d多角度，缩放大小仿图片库展示

http://www.ajax-zoom.com/index.php?cid=examples

6.linghtbox 简单 登陆框【准备使用过】

http://buckwilson.me/lightboxme/#

7.代码着色器

http://www.oriontransfer.co.nz/projects/jquery-syntax/examples/xml

代码高亮插件 csdn使用

SyntaxHighlighter

8.关键词分词 插件【使用过】

http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html

/*//highlight v3Highlights arbitrary terms.<http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html>MIT license.Johann Burkard<http://johannburkard.de><mailto:jb@eaio.com>
*/
jQuery.fn.highlight = function(pat) {
    function innerHighlight(node, pat) {
        var skip = 0;
        if (node.nodeType == 3) {
            var pos = node.data.toUpperCase().indexOf(pat);
            if (pos >= 0) {
                var spannode = document.createElement('span');
                spannode.className = 'red';
                var middlebit = node.splitText(pos);
                var endbit = middlebit.splitText(pat.length);
                var middleclone = middlebit.cloneNode(true);
                spannode.appendChild(middleclone);
                middlebit.parentNode.replaceChild(spannode, middlebit);
                skip = 1;
            }
        }
        else if (node.nodeType == 1 && node.childNodes && !/(script|style)/i.test(node.tagName)) {
            for (var i = 0; i < node.childNodes.length; ++i) {
                i += innerHighlight(node.childNodes[i], pat);
            }
        }
        return skip;
    }
    //ext SplitPhrase
    var obj = $(this);
    if ($.trim(pat) != "") {
        $.get("?pid=usp.SplitPhrase", { wd: pat, cult: "cn" },
            function(xmldata) {
                $.each($(xmldata).find("SplitPhrase>P[Name='wd']").text().split(" "), function(idx, val) {//split wd
                    obj.each(function() { innerHighlight(this, val.toUpperCase()); });
                });
            });
        } //extSplitPhrase
    return true;
}; 

调用方式：

 //检索词标红 [给需要标红的属性添加red="1",red必须有值，否则ie7下有问题]
        $("#divRecords *[red]").highlight(sword); 
<a red="1">等待标红</a> 

9. 3d图片效果

http://www.bkosborne.com/jquery-waterwheel-carousel

参考：

http://www.oschina.net/news/16202/20-smashing-3d-effects-using-jquery