jQueryEasyUI 的入門

時間 2019-12-17

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>EasyUI拖動效果</title>
<!-- 1 先引入jquery的庫 -->
<script type="text/javascript" src="../js/jquery.min.js"></script>

<!-- 2 在引入EasyUI的庫 -->
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

<!-- 3 在引入EasyUI 的主樣式文件 -->
<link rel="" type="text/css" href="../js/themes/default/easyui.css"></link>
<!-- 4 在引入EasyUI 的主樣式文件 -->
<link rel="stylesheet" type="text/css" href="../js/themes/icon.css"></link>

</head>
<style type="text/css">
	div{
		width:300px;
		height:200px;
		background-color:red;
	}
</style>
<body>
	<div class="easyui-draggable" >個人第一個div</div>
	<div class="easyui-draggable" >個人第一個div</div>
	<div class="easyui-draggable" >個人第一個div</div>
	<div class="easyui-draggable" >個人第一個div</div>
	<div class="easyui-draggable" >個人第一個div</div>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。