jquery可拖动的便签系统-html代码-BFW代码库

jquery可拖动的便签系统

代码语言：html

所属分类：其他

代码描述：jquery可拖动的便签系统

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href='https://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
<style>
body {
  background-color:#EAF2E3;
}

.button {
  float: right;
  margin: 0px 50px 0 0;
  background-color: #E75448;
  padding: 10px 15px;
  color: white;
  font-family: helvetica, arial, sans-serif;
  border-radius: 4px;
  font-weight: 500;
}

a.button {
  text-decoration: none;
}

.invisible {
  visbility hidden
}

/* BOARD */
#board {
	padding: 100px 30px 30px;
	margin-top: 40px;
	overflow-y: visible;
	@extend .noflick;
}

/* NOTE */
.text p {
  font-family: Comic Sans, helvetica, arial, sans-serif;
}

.note {
	float: left;
	display: block;
	position: relative;
	padding: 1em;
	width: 300px;
	min-height: 300px;
	margin: 0 30px 30px 0;
	background: linear-gradient(top, rgba(0,0,0,.05), rgba(0,0,0,.25));
	background-color: #FFFD75;
	box-shadow: 5px 5px 10px -2px rgba(33,33,33,.3);
	transform: rotate(2deg);
	transform: skew(-1deg,1deg);
	transition: transform .15s;
	z-index: 1;

}
.note:hover {
  cursor: move;
}


	textarea {
		background-color: transparent;
		border: none;
		resize: vertical;
		font-family: "Gloria Hallelujah", cur.........完整代码请登录后点击上方下载按钮下载查看