首页 > 代码库 > spin.js 在jsp的使用

spin.js 在jsp的使用

2024-07-14 11:06:05   216人阅读

spin.js 在jsp的使用

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page contentType="text/html;charset=utf-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
int a = 1;
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="http://www.mamicode.com/">
    
    <script type="text/javascript" src="http://www.mamicode.com/spin/spin.min.js"></script>
    <script type="text/javascript" src="http://www.mamicode.com/spin/jquery.min.js"></script>
    <script type="text/javascript">
    	function submitForm(){
       // $("#b_login").attr("disabled", "disabled");
        showSpin();
        $("#my_form").submit();
        };
        function showSpin(){
	      var spinnerOpts = {
	        lines: 13, // The number of lines to draw
	        length: 20, // The length of each line
	        width: 10, // The line thickness
	        radius: 30, // The radius of the inner circle
	        corners: 1, // Corner roundness (0..1)
	        rotate: 0, // The rotation offset
	        direction: 1, // 1: clockwise, -1: counterclockwise
	        color: ‘#000‘, // #rgb or #rrggbb or array of colors
	        speed: 1, // Rounds per second
	        trail: 60, // Afterglow percentage
	        shadow: false, // Whether to render a shadow
	        hwaccel: false, // Whether to use hardware acceleration
	        className: ‘spinner‘, // The CSS class to assign to the spinner
	        zIndex: 2e9, // The z-index (defaults to 2000000000)
	        top: ‘100‘, // Top position relative to parent in px
	        left: ‘auto‘ // Left position relative to parent in px
	      };
	      var spinTarget = document.getElementById(‘spinBody‘);
	      new Spinner(spinnerOpts).spin(spinTarget);
	    };
    </script>
  </head>
  
  <body>
  ${isSave}
  <div id="spinBody"></div>
  <form id="my_form" action="save.do" method="post">
    姓名：<input type="text" id="name" name="name"><br>
    性别: &nbsp;&nbsp;男：<input type="radio" id="male" name="sex" value="http://www.mamicode.com/1"  <%= a==2 ? "checked=‘checked‘" : ""%>  >&nbsp;&nbsp;女：<input type="radio" id="famale" name="sex" value="http://www.mamicode.com/0"> <br>
    爱好:&nbsp;&nbsp; 唱歌:<input type="checkbox" name="hobby" value="http://www.mamicode.com/sing">&nbsp;&nbsp;画画:<input type="checkbox" name="hobby" value="http://www.mamicode.com/hua">&nbsp;&nbsp;游泳:<input type="checkbox" name="hobby" value="http://www.mamicode.com/swim">&nbsp;&nbsp;泡妞:<input type="checkbox" name="hobby" value="http://www.mamicode.com/pg"><br>
    籍贯:&nbsp;&nbsp;<select name="from">
    <option value="http://www.mamicode.com/none">--请选择--</option>
    <option value="http://www.mamicode.com/neimeng">内蒙古</option>
    <option value="http://www.mamicode.com/liaoning">辽宁</option>
    </select><br>
    <!--<input type="submit" value="http://www.mamicode.com/保存">
  -->
    <input id="b_login" type="button" value="http://www.mamicode.com/保存" onclick="submitForm();">
  </form>
  </body>
</html>


本文出自 “骑猴上树” 博客，请务必保留此出处http://qihoushangshu.blog.51cto.com/7872138/1531214


联系
我们