jquery 插件收集

阳光穿透心脏的1/2处 2022-10-01 02:59 153阅读 0赞

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

![1345194224_3403.jpg][]

10.日历插件（使用过）

http://xdsoft.net/jqplugins/datetimepicker/

参考：

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

[1345194224_3403.jpg]: https://img-my.csdn.net/uploads/201208/17/1345194224_3403.jpg