当前位置: 首页 > 图文教程 > 网络编程 > Javascript > greybox:不开新窗口看新的网页

Javascript
Javascript解决常见浏览器兼容问题的12种方法
用AJAX返回HTML片段中的JavaScript脚本
javascript splice数组简单操作
jQuery 数据缓存data(name, value)详解及实现
javascript下动态this与动态绑定实例代码
javascript forEach函数实现代码
javascript bind绑定函数代码
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
jQuery DOM操作小结与实例
Extjs学习笔记之一 初识Extjs之MessageBox
Extjs学习笔记之二 初识Extjs之Form
Extjs学习笔记之三 extjs form更多的表单项
Extjs学习笔记之四 工具栏和菜单
EXT中xtype的含义分析
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
jQuery DOM操作 基于命令改变页面
让多个输入框中的内容同时变化的js代码
判断iframe是否加载完成的完美方法
IE iframe的onload方法分析小结
javascript new一个对象的实质

Javascript 中的 greybox:不开新窗口看新的网页


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 360 ::
收藏到网摘: n/a

demo:http://www.healdream.com/upload/html/jquery/greybox/test.html
down:http://www.51files.com/?9UF4NA8RCRX5A0Z2F170
使用方法
复制代码 代码如下:

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="greybox.js"></script>
<link href="greybox.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
var GB_ANIMATION = true;
$(document).ready(function(){
$("a.greybox").click(function(){
var t = this.title || $(this).text() || this.href;
GB_show(t,this.href,450,600);
return false;
});
});
</script>

满简单的,将两个js包含进来,然后链接css,最后对所有class为greybox的链接响应click事件,就KO了