spin.js 在jsp的使用

浏览数：301 / 时间：2015年06月09日

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="<%=basePath%>">
    
    <script type="text/javascript" src="spin/spin.min.js"></script>
    <script type="text/javascript" src="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="1"  <%= a==2 ? "checked=‘checked‘" : ""%>  >&nbsp;&nbsp;女：<input type="radio" id="famale" name="sex" value="0"> <br>
    爱好:&nbsp;&nbsp; 唱歌:<input type="checkbox" name="hobby" value="sing">&nbsp;&nbsp;画画:<input type="checkbox" name="hobby" value="hua">&nbsp;&nbsp;游泳:<input type="checkbox" name="hobby" value="swim">&nbsp;&nbsp;泡妞:<input type="checkbox" name="hobby" value="pg"><br>
    籍贯:&nbsp;&nbsp;<select name="from">
    <option value="none">--请选择--</option>
    <option value="neimeng">内蒙古</option>
    <option value="liaoning">辽宁</option>
    </select><br>
    <!--<input type="submit" value="保存">
  -->
    <input id="b_login" type="button" value="保存" onclick="submitForm();">
  </form>
  </body>
</html>

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

spin.js 在jsp的使用,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

spin.js 在jsp的使用

标签： spinspin