js实现九宫格

一、js实现九宫格简单分为三大步,具体看代码块注释
1.让每个li能够实现拖拽功能
a).css布局用一个ul,九个li
b).获取所有li,循环给每个li绑定onmousedown事件
c).给ul添加onmousemove和onmouseup事件
2.交换两个li
交换源li和目标li的backgroundPosition
3.归位
让源li归为
二、示例图
js实现九宫格_第1张图片




	
	九宫格
	


	

你可能感兴趣的:(javascript)