当前位置:Gxlcms > JavaScript > JS实现点击上移下移LI行数据实例讲解

JS实现点击上移下移LI行数据实例讲解

时间:2021-07-01 10:21:17 帮助过:13人阅读

本文实例讲述了JS实现点击上移下移LI行数据的方法。分享给大家供大家参考。具体如下:

这里演示JavaScript排序功能,点击按钮实现数据的上移和下称,一共有两组测试效果,上组采用箭头图标控制的方式,更美观,下组是直接使用文字,根据你的需要自行选择。myList为ul的id值,m为0显示文字,m为1显示图片,mO、mT为文字或图片内容。

演示效果如下图所示:

具体代码如下:

以上就是JS实现点击上移下移LI行数据实例讲解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行