dragmenu
Version:
The simple menu plugin based on jquery.ui
34 lines (30 loc) • 1.2 kB
HTML
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基于jquery ui可自由拖拽的弹性圆形菜单效果</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/demo.css">
<!--字体库连接，可以根据自己需要改动-->
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-list.svg'>
<link rel="stylesheet" href="index.css">
<style>
.left-top2{
top:60px;
}
</style>
<!--[if IE]><script src="http://www.jq22.com/jquery/html5.min.js"></script><![endif]-->
</head>
<body>
<div class="left-top " id="firstMenu">
<!--按钮起始位置-->
</div>
<div class="left-top left-top2 " id="secondMenu">
<!--按钮起始位置-->
</div>
<script type="module" src="test.js"></script>
</body>
</html>