JS框架_(JQuery.js)圆形多选菜单选项

百度云盘　　传送门　　密码：zb1c

圆形多选菜单选项效果：

<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>jQuery圆形多选菜单选项DEMO演示</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>



<div class='selector'>
  <ul>
    <li>
      <input id='1' type='checkbox'>
      <label for='1'>1</label>
    </li>
    <li>
      <input id='2' type='checkbox'>
      <label for='2'>2</label>
    </li>
    <li>
      <input id='3' type='checkbox'>
      <label for='3'>3</label>
    </li>
    <li>
      <input id='4' type='checkbox'>
      <label for='4'>4</label>
    </li>
    <li>
      <input id='5' type='checkbox'>
      <label for='5'>5</label>
    </li>
    <li>
      <input id='6' type='checkbox'>
      <label for='6'>6</label>
    </li>
    <li>
      <input id='7' type='checkbox'>
      <label for='7'>7</label>
    </li>
    <li>
      <input id='8' type='checkbox'>
      <label for='8'>8</label>
    </li>
  </ul>
  <button>Gary</button>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script  src="js/index.js"></script>
</body>
</html>

index.html