`

artDialog弹出层插件

 
阅读更多
index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="css/blue.css" rel="stylesheet" />
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/artDialog.js"></script>
<script type="text/javascript" src="js/iframeTools.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	
	$('#edit_image').click(function(){
	    art.dialog.open(
	        'upload.html',
	        { title:'编辑图片', width: 900, height: 520}
	    );
	  });
	
});
</script>
</head>
<body>
<form action="" method="post">
<table>
  <tr>
    <th>图片:</th>
    <th><img src="image/Chrysanthemum.jpg"/></th>
  </tr>
  <tr>
    <td scope="2"><input type="button" id="edit_image" value="编辑图像"/></td>
  </tr>
</table>

</form>
</body>
</html>




upload.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
测试
</body>
</html>
分享到:
评论

相关推荐

    artDialog 弹出层插件(4星级)

    `artDialog`是一款在前端开发中广泛使用的弹出层插件,它以其高度可定制性、优雅的设计和良好的用户体验赢得了4星级的评价。本文将深入探讨`artDialog`的核心特性、使用方法以及常见应用场景,帮助开发者更好地理解...

    artdialog弹出层

    **artDialog弹出层**是一种常用的前端对话框插件,它在网页中提供了一种优雅的方式来展示信息、警告、确认或获取用户输入。这个插件以其丰富的定制选项、良好的可扩展性和高性能而受到开发者的青睐。`artDialog` 的...

    弹出层(artdialog)

    ArtDialog是一款优秀的弹出层插件,以其出色的美观度、强大的功能性和良好的浏览器兼容性,深受开发者喜爱。本文将围绕artdialog这一主题,深入探讨弹出层技术及其应用。 首先,让我们了解一下什么是弹出层。弹出层...

    最新artDialog精美弹出层

    artDialog是一款基于JavaScript的开源弹出层插件,以其优雅的设计和强大的功能备受开发者喜爱。本篇文章将深入探讨artDialog的特性、使用方法以及常见应用场景。 1. **artDialog简介** artDialog是一个轻量级的...

    强大的弹出层

    2. **artDialog.min.js** 和 **jquery.artDialog.min.js**:这是弹出层的核心库,可能是一个叫做ArtDialog的JavaScript插件,提供弹出层的创建、管理和定制功能。其中,`jquery`前缀表明它支持jQuery库,方便与...

    artDialog jquery弹层 弹页面

    artDialog是一个强大的JavaScript对话框插件,它结合了jQuery的优势,提供了一种优雅的方式来创建跨框架、兼容性良好的弹出层。本文将深入探讨artDialog及其与jQuery的集成,以及如何实现弹出层的功能。 首先,我们...

    artdialog的使用实例

    `artdialog` 是一个强大的JavaScript弹出层插件,它以其优秀的用户体验、丰富的自定义选项和良好的跨浏览器兼容性而受到开发者们的青睐。在这个实例中,我们将深入探讨如何使用`artdialog`来创建交互式的对话框。 ...

    artDialog,demo,iframe

    artDialog 是一个JavaScript弹出对话框插件,而 "demo" 指示这是一些示例代码,用于展示如何使用 artDialog。"iframe" 提及的是在这些示例中可能使用到的技术,即在对话框内嵌入页面框架。 **描述分析:** 描述中...

    artDialog组件

    `artDialog`组件是一款基于JavaScript编写的高级对话框工具,专为网页开发者设计,旨在提供一种优雅、高效的方式来实现页面上的弹出对话框功能。它以其精美的界面和用户友好的交互接口,深受前端开发者的喜爱。在...

    jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法

    此插件允许用户在网页中创建弹出式对话框,用于展示信息、确认操作或者进行交互。然而,在使用过程中,一个常见的问题就是当用户双击对话框的遮罩层时,对话框会意外地关闭。本文将详细讲解如何解决这一问题。 首先...

    多种自定义弹出框

    本话题主要围绕"多种自定义弹出框"这一主题展开,我们将深入探讨artDialog-master弹出框及其与Query插件的结合使用,如何实现自定义样式以及其在不同浏览器下的兼容性。 首先,artDialog是一款功能强大的JavaScript...

    经典js层弹出功能

    "经典js层弹出功能"这个标题涉及到的是利用JavaScript实现的一种常见用户交互:弹出对话框。在ASP.NET开发环境中,这样的功能能够提升用户体验,方便用户与网站进行更直观的互动。 描述中提到的"ASP.NET开发非常...

    artDialog4.1.6

    **artDialog4.1.6** 是一个非常实用的JavaScript弹出对话框插件,它在Web开发中常用于创建各种对话窗口,如提示、确认、警告等交互元素。这个插件以其易用性和灵活性获得了“超好用”的赞誉。在使用artDialog之前,...

    弹出框提示框大全

    thickbox的可配置性极高,开发者可以轻松调整弹出层的大小、透明度等属性,从而为用户提供一种沉浸式的浏览体验。在需要为用户提供详细内容或者额外信息的场合,thickbox无疑是一个强大的工具。 在视觉提示方面,`...

    详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】

    例如,ArtDialog是一个常用的JavaScript弹出层插件,它可以方便地创建具有各种功能的对话框。 7. **模板引擎** 模板引擎如Handlebars、Mustache或EJS等,允许将数据动态渲染到HTML中,提高页面的动态生成效率。...

    artDialog v6 基于jquery的网页对话框组件.zip

    `artDialog v6` 是一个基于 jQuery 的网页对话框组件,它为开发者提供了在Web应用中创建弹出式对话框的功能。这个组件在前端开发领域中被广泛使用,因为它提供了丰富的自定义选项、良好的用户体验以及简洁的API。在`...

    artDialog+plupload实现多文件上传

    HTML中包含了Plupload所需的CSS和JS文件引用,以及一个触发文件上传的按钮和一个隐藏的弹出框。JavaScript代码用于初始化Plupload,设置上传路径,并在点击按钮时调用弹出对话框。 11. **后端代码结构**: 后端的...

    js自定义弹框插件的封装

    弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高,一般的弹框插件可能只满足...

    artTemplate

    ArtDialog是一个功能强大的JavaScript弹出层组件,提供了丰富的对话框功能,如提示、确认、警告、自定义内容等。它通常与artTemplate配合使用,提供更加美观且交互友好的用户界面。 ArtDialog的特点包括: 1. **可...

Global site tag (gtag.js) - Google Analytics