zoukankan      html  css  js  c++  java
  • 上下移动-欢迎拍砖

    <!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>
    

      

  • 相关阅读:
    HTTP Header 详解
    nginx负载均衡配置
    Win10安装Oracle11g
    MySQL如何让别人远程连接自己的数据库
    Maven的安装以及配置
    linux上安装jdk,tomcat,mysql
    Centos7上安装docker
    ActiviMQ快速入门
    2018年上海后半年JAVA软件工程师面试真题
    Docker安装MySQL、Redis、Tomcat
  • 原文地址:https://www.cnblogs.com/zhangli1021/p/7098952.html
Copyright © 2011-2022 走看看