JS实现点击上移下移LI行数据的方法_javascript技巧

WBOY

Release： 2016-05-16 15:46:55

Original

1503 people have browsed it

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

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

演示效果如下图所示：

具体代码如下：

    JS移动li行数据，点击上移下移  
    点击右侧箭头上移下移A
 点击右侧箭头上移下移B
 点击右侧箭头上移下移C
 
  测试数据你相信么A
 测试数据你相信么B
 测试数据你相信么C

Copy after login

希望本文所述对大家的javascript程序设计有所帮助。

Related labels：

js Click

source：php.cn

Previous article：JavaScript实现的圆形浮动标签云效果实例_javascript技巧 Next article：将页面table内容与样式另存成excel文件的方法_javascript技巧

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn