Html
    Css
    Js

    
                        
.box,li {
	padding:0;
	margin:0;
	list-style:none;
}
.box {
	display:flex;
	width:600px;
	height:200px;
	flex-wrap:wrap;
	border:1px solid yellow;
}
li {
	display:flex;
	justify-content:center;
	align-items:center;
	width:200px;
	height:100px;
	background:pink;
}
.active {
	border:2px solid red;
	box-sizing:border-box;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

控制焦点选择模块

控制键盘上下左右会移动焦点选择模块。

0