首页 > 代码库 > spin.js 在jsp的使用
spin.js 在jsp的使用
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> 性别: 男:<input type="radio" id="male" name="sex" value="http://www.mamicode.com/1" <%= a==2 ? "checked=‘checked‘" : ""%> > 女:<input type="radio" id="famale" name="sex" value="http://www.mamicode.com/0"> <br> 爱好: 唱歌:<input type="checkbox" name="hobby" value="http://www.mamicode.com/sing"> 画画:<input type="checkbox" name="hobby" value="http://www.mamicode.com/hua"> 游泳:<input type="checkbox" name="hobby" value="http://www.mamicode.com/swim"> 泡妞:<input type="checkbox" name="hobby" value="http://www.mamicode.com/pg"><br> 籍贯: <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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。