• 上下移动-欢迎拍砖


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="js/jquery-1.12.1.js"></script> 
    <title>上移下移</title>
    <style>
    ul , h2 { padding:0; margin:0; }
    li { list-style:none; }
    #list{ margin-bottom: 10px; }
    </style>
    <script type="text/javascript">
     // 上移
     $(function(){
     $('input#up').click(function(){
       $(this).parents('#list').prev().before($(this).parents('#list')); 
     })
    // 下移
     $('input#down').click(function(){
       $(this).parents('#list').next().after($(this).parents('#list')); 
     })
    
    })
    </script>
    
    </head>
    
    <body>
    
    <div id="list">1.<input id="up" type="button" name="" value="上移"><input id="down" type="button" name="" value="下移"></div>
    <div id="list">2.<input id="up" type="button" name="" value="上移"><input id="down" type="button" name="" value="下移"></div>
    <div id="list">3.<input id="up" type="button" name="" value="上移"><input id="down" type="button" name="" value="下移"></div>
    <div id="list">4.<input id="up" type="button" name="" value="上移"><input id="down" type="button" name="" value="下移"></div>
    <div id="list">5.<input id="up" type="button" name="" value="上移"><input id="down" type="button" name="" value="下移"></div>
    </body>
    </html>
    

      

  • 相关阅读:
    GitHub的本地与远程
    linux PDF转换
    css文字样式与div
    CSS属性(pading margin)
    Q:table返回无数据点击排序无数据消失问题
    nginx 学习二(配置项)
    nginx学习一
    JS防抖节流
    通过node实现阿里云短信接口,并将手机号缓存,通过Redis过期时间限制频繁发短信
    web框架express学习三
  • 原文地址:https://www.cnblogs.com/zhangli1021/p/7098952.html
Copyright © 2020-2023  润新知