`

如何使用jqueryartDialog

 
阅读更多
<script src="/statics/js/guagua/art/jquery-1.6.4.min.js"></script>
<script src="/statics/js/guagua/art/jquery.artDialog.js?skin=blue"></script>
<script src="/statics/js/guagua/art/iframeTools.source.js"></script>
<script src="/statics/js/guagua/art/highlight.pack.js"></script>
<script src="/statics/js/guagua/login.js"></script>

 

var t = 15000;
var isPop=0;
var loginstate = false;
hljs.tabReplace = '    ';
hljs.initHighlightingOnLoad();
var dialog = null;
function linkRe(){
	isPop=2;
}
function linklg(){
	isPop=1;
}
function initRege() {
	dialog.hide();
	reg();
	isPop = 2;
}
function successLoad(){
	location.reload();
}
function init() {
	if(loginstate == false) {
		setTimeout('initLogin()', t);
	}
}
function initLogin() {
	if(loginstate) {
		cleanTimeout(loginTime);
	} else {
		if(isPop==0) {
			login();
			isPop=1;
		}
	}
}
function closeDiv(){
	setTimeout('initLogin()',t);
	if(isPop==2){
		location.reload();
	}
	isPop=0;
}
function login()
{
	linklg();
	var ddialog = art.dialog({
		  title: "登录",
		  fixed: true,
		  resize: false,
          drag: false,
		  lock: true,
		  width: '450',
		  height: '250',
		  opacity:0.5,
		  padding: 0,
		  zIndex:200000000,
		  content:"<iframe src='loginform.html' width='450' height='250' frameborder='0' scrolling='no'></iframe>",
		  close: function () {
			  closeDiv()
		  }
	}).show();
	dialog = ddialog;
}

function reg()
{
	linkRe();
	var rdialog = art.dialog({
		  title: "注册",
		  fixed: true,
		  resize: false,
          drag: false,
		  lock: true,
		  width: '300',
		  height: '415',
		  opacity:0.5,
		  padding: 0,
		  content:"<iframe src='http://www0.17guagua.com/find!forward.jspa?commenderId=1059000001&url=simple_register&keepThis=true' width='300' height='415' frameborder='0' scrolling='no'></iframe>",
		  close: function () {
               closeDiv();
		  }
	}).show();
}
init();

 

0
0
分享到:
评论
1 楼 冬天秋天 2011-11-28  
<script src="/statics/js/guagua/art/jquery-1.6.4.min.js"></script> 
<script src="/statics/js/guagua/art/jquery.artDialog.js?skin=blue"></script> 
<script src="/statics/js/guagua/art/iframeTools.source.js"></script> 
<script src="/statics/js/guagua/art/highlight.pack.js"></script> 
<script src="/statics/js/guagua/login.js"></script>
楼主,除了上面第一个jquery库的引入,可以不作说明外。
其他的js库引入,你还是要说明一下呀,要不然人家一头雾水的啦 ……

相关推荐

    jquery artDialog4

    **jQuery artDialog4详解** `jQuery artDialog4` 是一个基于 jQuery 的轻量级弹出对话框插件,它提供了一套美观且可定制的对话框解决方案,适用于网页中的警告、确认、提示以及复杂的对话框交互。这个插件在前端...

    jQuery插件artDialog.js使用与关闭方法示例

    **jQuery插件artDialog.js详解** 在Web开发中,弹出窗口是一种常见的交互方式,用于显示消息、警告或进行用户确认。jQuery插件artDialog.js就是这样一个强大的对话框工具,它提供美观、可定制化的弹出窗口功能。...

    artDialog示例

    **jQuery artDialog 示例详解** **一、jQuery artDialog 概述** jQuery artDialog 是一个功能强大的JavaScript对话框插件,它提供了丰富的对话框样式和功能,适用于网页中的各种提示、警告、确认和交互操作。该...

    artDialog.js的demo

    这个"artDialog.js的demo"包含了4.15版本的资源,旨在帮助开发者了解和使用artDialog的各种功能。 在提供的文件列表中,我们可以看到以下几个关键文件: 1. **index.html** - 这是示例页面,展示了artDialog的不同...

    artDialog支持jquery实例

    1. **jqueryArtdialog测试.html** - 这是一个HTML文件,很可能包含了一个使用jQuery和artDialog的示例页面。我们可以通过这个文件了解如何在HTML中引入jQuery库和artDialog插件,以及如何调用相关的API方法来展示...

    基于jQuery的artDialog 弹出窗插件效果 4.1.7.zip

    jQuery的artDialog插件就是一款强大的、易于使用的弹出对话框解决方案,它为开发者提供了丰富的定制功能和优雅的用户体验。本文将深入探讨基于jQuery的artDialog插件4.1.7版本的相关知识点,帮助开发者更好地理解和...

    jquery 弹出框插件artDialog

    在实际应用中,ArtDialog的使用步骤通常包括以下几个部分: 1. **引入依赖**:首先需要在页面中引入jQuery库和ArtDialog的JavaScript及CSS文件。 2. **初始化插件**:通过JavaScript代码调用`$.dialog()`方法创建...

    jquery插件artDialog

    **jQuery 插件 ArtDialog 知识点详解** ArtDialog 是一个基于 jQuery 的弹出对话框插件,它为网页提供了优雅、强大的对话框功能。这个资源包含了三个关键文件:`jquery.artDialog.source.js`、`iframeTools.source....

    jQuery插件(artDialog4, codemirror,My97DatePicker,ueditor,jquery.uploadify-v2.1.0 )

    在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。这里我们讨论的是一些基于jQuery的流行插件,包括artDialog4、codemirror、My97DatePicker、ueditor以及jquery....

    artDialog jquery弹层 弹页面

    1. **基本使用**:引入jQuery和artDialog的CSS及JS文件后,可以通过简单的JavaScript代码调用artDialog。例如,弹出一个包含特定HTML内容的对话框: ```javascript art.dialog({ title: '对话框标题', content: ...

    VB.NET Web应用中基于jQuery与ArtDialog实现表格点击弹窗详细数据显示

    内容概要:本篇文章介绍了青岛胶州换热站项目运行分析系统的一个具体实现——如何通过ASP.NET和VB后台实现点击表格项后,在前台利用jQuery和ArtDialog进行详情数据展示的功能。文中首先引入了所需的外部JS库和样式...

    javascript artdialog 4.1.0

    JavaScript ArtDialog 4.1.0 是一个轻量级且功能强大的Web对话框插件,其体积小巧,压缩后仅十几KB,不依赖任何其他JavaScript框架,如jQuery。ArtDialog致力于提供优雅的对话框交互体验,它使得在网页中创建弹出...

    artdialog

    1. **jquery.min.js** - 这是jQuery库的压缩版,`artdialog` 依赖jQuery来处理DOM操作和事件处理,简化了JavaScript代码。 2. **artDialog.js** - 这是`artdialog` 的主文件,包含了对话框的核心功能和逻辑。通过...

    artDialog对话框插件 4.0版

    1. **引入库文件**:在HTML文件中引入artDialog的相关JS和CSS文件,确保正确引用jQuery(如果使用jQuery版本)。 2. **创建对话框**:使用`artDialog.open()`或`$.dialog.open()`方法创建对话框,传入配置对象,如...

    artDialog,demo,iframe

    "jquery" 是一个广泛使用的JavaScript库,artDialog可能依赖于jQuery来简化DOM操作和事件处理。 **文件名列表:** "artDialogDemo" 这个文件名可能是包含所有示例代码的主目录或者文件,它将展示如何在实际项目中...

    artDialog插件和API详解

    2. **独立性与兼容性**:虽然提供了与jQuery的整合版本(`jquery.artDialog.js`),但`artDialog`本身是独立的,不依赖任何库,能良好运行在各种浏览器环境中,包括IE6+、Firefox、Chrome、Safari和Opera等。...

    jQuery+JSONP+artDialog 实现虾米音乐的检索、选取和播放

    在本文中,我们将深入探讨如何使用jQuery、JSONP和artDialog技术实现虾米音乐的检索、选取和播放功能。这是一套常见的Web开发技术组合,适用于跨域数据获取和交互式用户界面的创建。 首先,jQuery是一个强大的...

    artDialog4.1.7

    4. **jQuery集成**:除了基础版本的`artDialog.js`,还有与jQuery库整合的`jquery.artDialog.js`,方便已经使用jQuery的项目快速接入。 5. **文档齐全**:`_doc`目录可能包含组件的使用文档和示例,帮助开发者理解...

Global site tag (gtag.js) - Google Analytics