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
10.日历插件(使用过)
http://xdsoft.net/jqplugins/datetimepicker/
参考:
http://www.oschina.net/news/16202/20-smashing-3d-effects-using-jquery