<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var ul = document.querySelector('ul'), li = document.querySelectorAll('li'), sy = document.querySelectorAll('.shangyi'); xy = document.querySelectorAll('.xiayi'); for(var i = 0;i < sy.length;i++){ sy[i].xb = i; sy[i].onclick = function(){ if(this.xb != 0){ ul.insertBefore(li[this.xb],li[this.xb - 1]); ; } } } } </script> </head> <body> <ul> <li><a class="shangyi">上移1</a>1111111<a class="xiayi">下移</a></li> <li><a class="shangyi">上移2</a>2222222222<a class="xiayi">下移</a></li> <li><a class="shangyi">上移3</a>333333333<a class="xiayi">下移</a></li> <li><a class="shangyi">上移4</a>44444444<a class="xiayi">下移</a></li> <li><a class="shangyi">上移5</a>55555555<a class="xiayi">下移</a></li> <li><a class="shangyi">上移6</a>666666666<a class="xiayi">下移</a></li> <li><a class="shangyi">上移7</a>77777777<a class="xiayi">下移</a></li> </ul> </body></html>
想要實現上移下移效果
qq_學習使我快樂_5
2017-08-12 14:56:26
