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

📄 main.html

📁 实现Div拖拽功能
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>拖拽定制窗口 百家拳软件项目研究室</title>
		<META http-equiv=Content-Type content="text/html; charset=UTF-8">
		<script language="javascript" src="drag.js"></script>
		<link rel="stylesheet" href="style.css">		
	</HEAD>
	<body>
		<form id="Form1" method="post" runat="server">
			<div id="news_root" style="LEFT:20px; TOP:20px" class="root">
				<div id="news_handle" class="handle">
				  <div align="center">按住左键定制窗口</div>
				</div>
				<div id="news" class="text">
				  <p align="center"><a href="http://www.100jq.com" target="_blank">百家拳软件项目研究室</a></p>
				  <p align="left"> 拖拽功能</p>
				</div>
			</div> 			
		</form>
		<script language="javascript">
		// 初始化新闻面板的拖拽效果
		var news_handle = document.getElementById("news_handle");
		var news_root   = document.getElementById("news_root");

		Drag.init(news_handle, news_root); 
		news.style.backgroundColor = "#ffff00";
		news.style.cursor = "hand";			
		</script>
	</body>
</HTML>

⌨️ 快捷键说明

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