<!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
相关分类