博客

关于分屏加载图片，像天猫、京东等电商图片较多页面很长，就采用了延迟加载技术。

目前很流行的做法就是滚动动态加载，显示屏幕之外的图片默认是不加载的，

随着页面的滚动，显示区域图片才被动态加载。

原理其实很简单，默认<img>标签中设置一个特别小的让人看不见的图片作为原始src路径，

再自定义一个属性存放原图片路径，通过绑定滚动事件，检查当前元素是否在浏览器窗口中，

然后替换src路径动态加载图片。

找了几个jquery插件都不太好用，kissy没用明白。

最后发现了一个大神写的jQuery滚动加载插件scrollLoading测试很好用。

demo下载

作者链接：链接

转载文章http://www.cnblogs.com/han1982/p/4136444.html

jquery_dialog

demo

其他弹窗拖拽效果http://demo.jb51.net/js/2011/artDialog/_doc/down.html

window.parent 是iframe页面调用父页面对象

1）在iframe中查找父页面元素的方法：

$(‘#id’, window.parent.document)
2）在iframe中调用父页面中定义的方法和变量：

parent.method
parent.value

父页面：

<script>
 var nihao='你好';
 function tahao(){
 return '他好';
 }
</script>
<div id="yeye">爷爷</div>
<div id="baba">父亲
</div>
<iframe src="index.html"></iframe>

子页面：index.html

<script>
$(function(){
 alert($('#baba',window.parent.document).prev().text());
 alert(parent.nihao);
 alert(parent.tahao());
});
</script>

http://www.jb51.net/article/43406.htm

另外如果靠window.open()弹窗的页面，可以使用opener获取父节点的DOM、变量和方法如
 alert(opener.nihao);
 alert(opener.tahao());
 alert($('#baba',window.opener.document).prev().text());