⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 default.aspx

📁 一个可以简单实现模块的拖曳、锁定、最大化、最小化控制的示例
💻 ASPX
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>页面拖曳——示例</title>
	<link href="DragDropStyle.css" rel="Stylesheet" />
	<script type="text/javascript" language="javascript" src="Prototype.js"></script>
	<script type="text/javascript" language="javascript" src="DragDrop.js"></script>
	<script type="text/javascript" language="javascript">
		//所有可以使用的模块
		CDrag.database.json = [
			//tag:"1"是我自己加的,目的是给它一个额外的参数
			/*
			{ id : "m_1_1", title : "国际新闻", className : "News", src : "News", tag : "1" },
			{ id : "m_1_2", title : "国内新闻", className : "News", src : "News", tag : "2" },
			{ id : "m_1_3", title : "社会新闻", className : "News", src : "News", tag : "3" },
			{ id : "m_1_4", title : "体育新闻", className : "News", src : "News", tag : "4" },
			{ id : "m_2_1", title : "财经新闻", className : "News", src : "News", tag : "5" },
			{ id : "m_2_2", title : "娱乐新闻", className : "News", src : "News", tag : "6" },
			{ id : "m_2_3", title : "教育新闻", className : "News", src : "News", tag : "7" },
			{ id : "m_2_4", title : "房产新闻", className : "News", src : "News", tag : "8" },
			{ id : "m_3_1", title : "科技新闻", className : "News", src : "News", tag : "9" },
			{ id : "m_3_2", title : "Title", className : "News", src : "News", tag : "10" },
			{ id : "m_3_3", title : "Title", className : "News", src : "News", tag : "11" },
			{ id : "m_3_4", title : "Title", className : "News", src : "News", tag : "12" }
			*/
			<%=databaseContent %>
		];

		Object.addEvent(window, ["onload"], function () {
			var wc = new CDrag, cookie = wc.get_cookie();
				//当前显示的模块
				json = cookie ? wc.parse_json(unescape(cookie)) : [
				
				/*
				{ cols : "m_1", rows : [
					{ id : "m_1_1", window : 1, locks : false },
					{ id : "m_1_2", window : 1, locks : false },
					{ id : "m_1_3", window : 1, locks : false }
				] },
				
				{ cols : "m_2", rows : [
					{ id : "m_2_1", window : 1, locks : false },
					{ id : "m_2_2", window : 1, locks : false },
					{ id : "m_2_3", window : 1, locks : false }
				] },
				
				{ cols : "m_3", rows : [
					{ id : "m_3_1", window : 1, locks : false },
					{ id : "m_3_2", window : 1, locks : false },
					{ id : "m_3_3", window : 1, locks : false }
				] }	*/
				<%=eventContent %>			
			];
			
			wc.parse(json);
			
			(function (wc) {
				
				$("DEL_CDrag").onclick = function () {
					wc.del_cookie();
					window.location.reload();
				};
				
				$("ADD_CDrag").onclick = function () {
					wc.append();
				};
				
			})(wc);

			wc = null;
		});
	</script>

</head>
<body>
	<form id="form1" runat="server">
		<br />
		<div>
			<a id="DEL_CDrag" href="javascript:void(0);">[清除记录]</a> &nbsp;&nbsp; <a id="ADD_CDrag" href="javascript:void(0);">[设置板块]</a>&nbsp;&nbsp;<a id="A1" href="addnews.aspx">[添加新闻]</a>
		</div>
		<div class="move" id="root_row">
			<div class="title">
				<div class="title_close">
					关闭</div>
				<div class="title_edit">
					编辑</div>
				<div class="title_lock">
					锁定</div>
				<div class="title_reduce">
					最小化</div>
				<div class="title_a">
					&nbsp;</div>
			</div>
			<div class="content">
			</div>
		</div>
		<div class="root">
			<div class="cell_left left" id="m_1">
				<div class="line">
					&nbsp;</div>
			</div>
			<div class="left r_nbsp">
				&nbsp;</div>
			<div class="cell_center left" id="m_2">
				<div class="line">
					&nbsp;</div>
			</div>
			<div class="left r_nbsp">
				&nbsp;</div>
			<div class="cell_right left" id="m_3">
				<div class="line">
					&nbsp;</div>
			</div>
		</div>
	</form>
	<a href="http://www.51aspx.com" target="_blank">download from 51aspx.com</a>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -