A simple example of a point marquee:
The example of this tick box is not the input multi box, but a div nested inside a sub-div element.
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>jump</title>
<script src= "Js/jquery-2.1.4.js" ></script>
<style>
. select{float:left;margin:40px 40px;}
. boss{width:10px;height:10px;border:2px solid #666;}
. Boss Div{width:8px;height:8px;background: #666; margin:1px;}
</style>
<script>
$ (function () {
var $boss =$ ('. Boss ');
$boss. Click (function () {
$ (". Boss"). CSS ("Border", "2px solid #666")
. Children (). CSS ("Background", "#666");
$ (this). CSS ("Border", "2px solid Red")
. Children (). CSS ("Background", "Red");
})
})
</script>
<body>
<div id= "Head" >
<div class= "Select" >
<div class= "Boss" ><div></div></div>
</div>
<div class= "Select" >
<div class= "Boss" ><div></div></div>
</div>
<div class= "Select" >
<div class= "Boss" ><div></div></div>
</div>
</div>
</body>
The shape of the marquee is varied, and the specific style can be modified according to your own requirements.
Simple (jquery) div Dot Marquee