trashbin
/
popup.html

<!DOCTYPE html>
<html>
<head>
<title>垃圾桶</title>
<script type="text/javascript" src="js/jquery-3.7.1.js"></script>
<script type="text/javascript" src="js/popup.js"></script>
<meta charset="UTF-8">
<style>
body,html {
	min-width: 300px;
	background-color: #f1f1f1;
	color: #333;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
}
ul.vmenu {
	list-style-type: none;
	padding-left: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
ul.vmenu > li {
	cursor: pointer;
	display: block;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 32px;
	line-height: 32px;
	background: #dedede;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #ccc;
	text-shadow: #fff 0px 1px 0px;
}
ul.vmenu > li:hover {
	background: #e9e9e9;
}
div.trashbin {
	background: white;
}
div {
	cursor: default;
	background: #0080ff;
	line-height: 32px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: white;
}
</style>
</head>
<div class="trashbin"><img id="trashbin" alt="垃圾桶" title="Ctrl+鼠标右键点击 将指向的网页元素丢入垃圾桶." height="256px" width="256px"></div>
<div id="status"></div>
<ul class="vmenu">
	<li id="open_options">打开选项页面</li>
	<li id="clear_trashbin">清空垃圾桶</li>
	<li id="undo">撤销丢弃操作</li>
</ul>
<body>
</body>
</html>