artDialog弹出层插件

最新推荐文章于 2024-07-29 13:58:45 发布

冰玉翔龙

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量87

点赞数

分类专栏： JQuery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/sjy_2010/article/details/84234563

版权

JQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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>

冰玉翔龙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
artDialog弹出层插件

index.html[code="html"]Insert title here$(document).ready(function(){ $('#edit_image').click(function(){ art.dialog.open( 'upload.html', { titl...
复制链接

扫一扫

专栏目录