rebuild:暂时提交页面重构的代码和资源文件

code/jeeplatform-sso/src/main/webapp/WEB-INF/view/jsp/default/ui/casLoginView.bat.jsp

+<jsp:directive.include file="includes/top.jsp" />
+
+<!-- 支持Http方式登录-->
+<%--<c:if test="${not pageContext.request.secure}">
+    <div id="msg" class="errors">
+        <h2><spring:message code="screen.nonsecure.title" /></h2>
+        <p><spring:message code="screen.nonsecure.message" /></p>
+    </div>
+</c:if>--%>
+
+<div class="login" id="login">
+    <div class="box png">
+        <div class="input">
+            <div class="log">
+                <div class="name">
+                    <label>用户名</label><input type="text" class="text" id="username" placeholder="用户名" value="admin" />
+                </div>
+                <div class="pwd">
+                    <label>密　码</label><input type="password" class="text" id="password" placeholder="密码" value="123" />
+                </div>
+                <div class="rcode">
+                    <label><img style="height:22px;" id="codeImg" alt="点击更换"
+                                title="点击更换" src="" /></label>
+                    <input type="text" class="text" name="code" id="code"  placeholder="验证码" value="code" />
+                </div>
+                <input type="button" class="submit" onclick="loginCheck();" value="登录">
+            </div>
+        </div>
+    </div>
+    <div class="air-balloon ab-1 png"></div>
+    <div class="air-balloon ab-2 png"></div>
+    <div class="footer"></div>
+</div>
+
+
+<jsp:directive.include file="includes/bottom.jsp" />

code/jeeplatform-sso/src/main/webapp/themes/jeeplatform/css/login.css

+@charset "utf-8";
+html,body{margin:0;padding:0;width:100%;}
+body{font-size:12px;font-family: "微软雅黑";color:#333;line-height:160%;background: url(../images/login-bg.jpg) center top repeat-x #FFF;height:100%;}
+p,ul,.name,.pwd,dd,h1,h2,h3,form,input,select,textarea{margin:0;padding:0;border:0;font-family:"微软雅黑";line-height:150%;}
+ul,li{list-style:none;}
+div,p{word-wrap: break-word;}
+img{border: none;}
+input,button,select,textarea{outline:none}
+
+/*login*/
+.login{padding:1px 0 0 0;background:url(../images/login-bg.jpg) center top no-repeat #FFF;padding:150px 0 0 0;}
+.login input.submit{border:none;font-weight:bold;color:#FFF;margin:25px 0 0 150px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow: #CCC 0px 0px 5px;-moz-box-shadow: #CCC 0px 0px 5px;box-shadow: #CCC 0px 0px 5px;background: #31b6e7;cursor: pointer;}
+.login input.submit:hover{background:#ff9229;}
+.login input.submit{padding:6px 20px;}
+.login .box{position:relative;z-index:100;margin:0 auto;width:700px;height:320px;background:url(../images/login.png) center top no-repeat;}
+.login .log{position:relative;width:370px;height:260px;margin:0 auto;padding:60px 0 0 20px;}
+.login label{display:inline-block;width:70px;text-align:right;padding-right:20px;vertical-align:middle;}
+.login .name{padding:10px 5px;font-size:14px;}
+.login .pwd{padding:10px 5px;font-size:14px;}
+.login .rcode{padding:10px;font-size:14px;}
+
+.login .alt{position:absolute;top:43px;left:260px;font-size:20px;}
+.login .text{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
+.login .copyright{position:absolute;left:0;width:100%;bottom:-40px;text-align:center;color:#AAA;}
+.login .air-balloon{position:absolute;top:-100px;left:-100px;z-index:50;}
+.login .air-balloon.ab-1{width:43px;height:78px;background:url(../images/air-balloon-1.png) no-repeat;}
+.login .air-balloon.ab-2{width:24px;height:31px;background:url(../images/air-balloon-2.png) no-repeat;}
+.login .footer{position: fixed;left:0;bottom:0;z-index:-1;width:100%;height:198px;background:url(../images/login-foot.jpg) center bottom repeat-x;}
+.text{border:1px solid #CCC;padding:5px;background-color:#FCFCFC;line-height:14px;width:220px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow: #CCC 0px 0px 5px;-moz-box-shadow: #CCC 0px 0px 5px;box-shadow: #CCC 0px 0px 5px;border:1px solid #CCC;font-size:12px;}
+.text:focus{border:1px solid #31b6e7;background-color:#FFF;-webkit-box-shadow: #CCC 0px 0px 5px;-moz-box-shadow: #CCC 0px 0px 5px;box-shadow: #0178a4 0px 0px 5px;}
+.text:hover{background-color:#FFF;}
\ No newline at end of file

code/jeeplatform-sso/src/main/webapp/themes/jeeplatform/js/fun.base.js

+;function rand(mi,ma){   
+	var range = ma - mi;
+	var out = mi + Math.round( Math.random() * range) ;	
+	return parseInt(out);
+};	
+
+function getViewSize(){
+	var de=document.documentElement;
+	var db=document.body;
+	var viewW=de.clientWidth==0 ?  db.clientWidth : de.clientWidth;
+	var viewH=de.clientHeight==0 ?  db.clientHeight : de.clientHeight;
+	return Array(viewW,viewH);
+}
\ No newline at end of file

code/jeeplatform-sso/src/main/webapp/themes/jeeplatform/js/jquery.cookie.js

+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2006, 2014 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (arguments.length > 1 && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));

code/jeeplatform-sso/src/main/webapp/themes/jeeplatform/js/jquery.tips.js

+/**
+* jquery tips 提示插件 jquery.tips.js v0.1beta
+*
+* 使用方法
+* $(selector).tips({   //selector 为jquery选择器
+*  msg:'your messages!',    //你的提示消息  必填
+*  side:1,  //提示窗显示位置  1，2，3，4 分别代表 上右下左 默认为1（上） 可选
+*  color:'#FFF', //提示文字色 默认为白色 可选
+*  bg:'#F00',//提示窗背景色 默认为红色 可选
+*  time:2,//自动关闭时间 默认2秒 设置0则不自动关闭 可选
+*  x:0,//横向偏移  正数向右偏移 负数向左偏移 默认为0 可选
+*  y:0,//纵向偏移  正数向下偏移 负数向上偏移 默认为0 可选
+* })
+*
+*
+*/
+(function ($) {
+    $.fn.tips = function(options){
+        var defaults = {
+            side:1,
+            msg:'',
+            color:'#FFF',
+            bg:'#F00',
+            time:2,
+            x:0,
+            y:0
+        }
+        var options = $.extend(defaults, options);
+        if (!options.msg||isNaN(options.side)) {
+        throw new Error('params error');
+    }
+    if(!$('#jquery_tips_style').length){
+        var style='<style id="jquery_tips_style" type="text/css">';
+        style+='.jq_tips_box{padding:10px;position:absolute;overflow:hidden;display:inline;display:none;z-index:10176523;}';
+        style+='.jq_tips_arrow{display:block;width:0px;height:0px;position:absolute;}';
+        style+='.jq_tips_top{border-left:10px solid transparent;left:20px;bottom:0px;}';
+        style+='.jq_tips_left{border-top:10px solid transparent;right:0px;top:18px;}';
+        style+='.jq_tips_bottom{border-left:10px solid transparent;left:20px;top:0px;}';
+        style+='.jq_tips_right{border-top:10px solid transparent;left:0px;top:18px;}';
+        style+='.jq_tips_info{word-wrap: break-word;word-break:normal;border-radius:4px;padding:5px 8px;max-width:130px;overflow:hidden;box-shadow:1px 1px 1px #999;font-size:12px;cursor:pointer;}';
+        style+='</style>';
+        $(document.body).append(style);
+    }
+        this.each(function(){
+            var element=$(this);
+            var element_top=element.offset().top,element_left=element.offset().left,element_height=element.outerHeight(),element_width=element.outerWidth();
+            options.side=options.side<1?1:options.side>4?4:Math.round(options.side);
+            var sideName=options.side==1?'top':options.side==2?'right':options.side==3?'bottom':options.side==4?'left':'top';
+            var tips=$('<div class="jq_tips_box"><i class="jq_tips_arrow jq_tips_'+sideName+'"></i><div class="jq_tips_info">'+options.msg+'</div></div>').appendTo(document.body);
+            tips.find('.jq_tips_arrow').css('border-'+sideName,'10px solid '+options.bg);
+            tips.find('.jq_tips_info').css({
+                color:options.color,
+                backgroundColor:options.bg
+            });
+            switch(options.side){
+                case 1:
+                    tips.css({
+                        top:element_top-tips.outerHeight()+options.x,
+                        left:element_left-10+options.y
+                    });
+                    break;
+                case 2:
+                    tips.css({
+                        top:element_top-20+options.x,
+                        left:element_left+element_width+options.y
+                    });
+                    break;
+                case 3:
+                    tips.css({
+                        top:element_top+element_height+options.x,
+                        left:element_left-10+options.y
+                    });
+                    break;
+                case 4:
+                    tips.css({
+                        top:element_top-20+options.x,
+                        left:element_left-tips.outerWidth()+options.y
+                    });
+                    break;
+                default:
+            }
+            var closeTime;
+            tips.fadeIn('fast').click(function(){
+                clearTimeout(closeTime);
+                tips.fadeOut('fast',function(){
+                    tips.remove();
+                })
+            })
+            if(options.time){
+                closeTime=setTimeout(function(){
+                    tips.click();
+                },options.time*1000);
+                tips.hover(function(){
+                    clearTimeout(closeTime);
+                },function(){
+                    closeTime=setTimeout(function(){
+                        tips.click();
+                    },options.time*1000);
+                })
+            }
+        });
+        return this;
+    };
+})(jQuery);
\ No newline at end of file

code/jeeplatform-sso/src/main/webapp/themes/jeeplatform/js/login.js

+$(function(){
+	airBalloon('div.air-balloon');
+});
+
+/*
+@function 热气球移动
+@update by julying , 2012/7/25
+*/
+function airBalloon(balloon){
+	var viewSize = [] , viewWidth = 0 , viewHeight = 0 ;
+	resize();	
+	$(balloon).each(function(){
+		$(this).css({top: rand(40, viewHeight * 0.5 ) , left : rand( 10 , viewWidth - $(this).width() ) });
+		fly(this);
+	});	
+	$(window).resize(function(){
+		resize()
+		$(balloon).each(function(){
+			$(this).stop().animate({top: rand(40, viewHeight * 0.5 ) , left : rand( 10 , viewWidth - $(this).width() ) } ,1000 , function(){
+				fly(this);
+			});
+		});
+	});
+	function resize(){
+		viewSize = getViewSize();
+		viewWidth = $(document).width() ;
+		viewHeight = viewSize[1] ;
+	}
+	function fly(obj){
+		var $obj = $(obj);
+		var currentTop = parseInt($obj.css('top'));
+		var currentLeft = parseInt($obj.css('left') );
+		var targetLeft = rand( 10 , viewWidth - $obj.width() );
+		var targetTop = rand(40, viewHeight /2 );
+		/*求两点之间的距离*/
+		var removing = Math.sqrt( Math.pow( targetLeft - currentLeft , 2 )  + Math.pow( targetTop - currentTop , 2 ) );		
+		/*每秒移动24px ，计算所需要的时间，从而保持 气球的速度恒定*/
+		var moveTime = removing / 24;		
+		$obj.animate({ top : targetTop , left : targetLeft} , moveTime * 1000 , function(){
+			setTimeout(function(){
+				fly(obj);
+			}, rand(1000, 3000) );
+		});	
+	}
+};
\ No newline at end of file