前端开发基于JavaScript的点击事件驱动按钮来完成图片排序逻辑
发布时间
阅读量：
阅读量
效果
1 、点击按钮
当按钮上的文字显示为从大到小时，需将li标签依照由大至小的顺序进行排列，并将按钮文字调整为从小到大的形式；反之，若按钮文字为从小到大，则应将li标签按由小至大的顺序排列，并将按钮文字更改为从大到小的表述。
2 、点击按钮 将li标签以随机方式重新排序
<style>
* {
padding: 0;
margin: 0;
list-style: none;
}
.wrap {
width: 440px;
margin: 50px auto;
text-align: center;
}
ul li {
float: left;
width: 100px;
height: 130px;
margin-right: 10px;
margin-bottom: 10px;
font-siz全部评论 (0)
还没有任何评论哟~