jquery 图片延迟加载插件 lazyload 提高用户体验

作者:lanyi 日期:2010-07-26

在你的页面中加入如下的javascript：

<script type="text/javascript">
$("img").lazyload();
</script>

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 89

Jquery选择符[2]总结

作者:lanyi 日期:2010-07-23

CSS选择符，如：
    $('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。
    $('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。
jQuery库支持XPath选择符。如：
    $('a[@title]')为取得所有带title属性的链接。

Tags: jQuery jQuery 选择符选择符

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 49

Jquery选择符[1]总结

作者:lanyi 日期:2010-07-23

Jquery的这套选择符，借用了XPath2.0和CSS1-3中的语法，并且兼容了多个浏览器，让原本非常复杂的DOM，一下子变得简单起来了，手中最新的版本是1.2.2b，下面的所有例子，也是根据此版本提供的例子。

测试HTML代码：
<divid="father">
<divid="first">I am first</div>

Tags: jQuery jQuery 选择符选择符

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 71

自动图片半透明倒影js库

作者:lanyi 日期:2010-07-17

一个 JavaScript 自动实现倒影效果。倒影的高度，透明度可以调整。支持所有主流浏览器，文件尺寸小于5K。

http://cow.neondragon.net/stuff/reflection/

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 47

强烈推荐：240多个jQuery插件

作者:lanyi 日期:2010-07-17

转：
http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/

这里收集了240个jQuery插件，涉及方方面面，强烈推荐。

Tags: jquery插件 jquery插件

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 62

TinyBox 轻量级的 jQuery 弹出框脚本

作者:lanyi 日期:2010-07-14

TinyBox 是一个轻量级并且独立的模态窗口脚本，该脚本只有 3.5KB，不包括任何内置的幻灯片功能，但是可以显示任何的 AJAX 和 HTML 内容，还支持图片，并且能够自动隐藏，可以通过简单的 CSS 来定制样式的效果。TinyBox 已经在 Firefox 2/3, IE 6/7/8, Opera, Safari 和 Chrome 中测试过。使用 TinyBox 非常简单，通过一下代码即可：

TINY.box.show('advanced.html',1,300,150,1,3)

它一共有6个参数，第一个是要显示的 AJAX 或 HTML 内容。第二个是设置是否为 AJAX。第三个是宽度，0 为自动。第四个是高度，0 为自动。第五个是是否设置隐藏，第六个则是设置是否自动隐藏的时间。

Tags: TinyBox TinyBox 弹出框脚本弹出框脚本

分类:Jquery | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 131

200个jQuery插件集合转

作者:lanyi 日期:2010-03-26

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。