CSS3实现ios7计算器

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 CSS3实现ios7计算器的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CSS3实现ios7计算器</title>
        <link rel="stylesheet" href="css/zzsc.css" type="text/css" />
    </head>
    <body>
        <div id="iphone">
            <div id="zonedark">
                <p id="zonecalcul">0</p>
            </div>
            <div id="calculator">
                <div class="grisone">
                    <div class="bouton" id="delete"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="plusmoins"></div>
                </div>
                <div class="gristwo">
                    <div class="bouton" id="peurcent"></div>
                </div>
                <div class="orange">
                    <div class="bouton" id="division"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="seven"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="eight"></div>
                </div>
                <div class="gristwo">
                    <div class="bouton" id="nine"></div>
                </div>
                <div class="orange">
                    <div class="bouton" id="multiplication"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="four"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="five"></div>
                </div>
                <div class="gristwo">
                    <div class="bouton" id="six"></div>
                </div>
                <div class="orange">
                    <div class="bouton" id="moins"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="one"></div>
                </div>
                <div class="grisone">
                    <div class="bouton" id="two"></div>
                </div>
                <div class="gristwo">
                    <div class="bouton" id="three"></div>
                </div>
                <div class="orange">
                    <div class="bouton" id="plus"></div>
                </div>
                <div class="gristhree">
                    <div class="bouton" id="zero"></div>
                </div>
                <div class="gristwo">
                    <div class="bouton" id="virgule"></div>
                </div>
                <div class="orange">
                    <div class="bouton" id="egal"></div>
                </div>
            </div>
        </div>
    </body>
</html>

JS代码(daterangepicker.jQuery.js):

/** * -------------------------------------------------------------------- * jQuery-Plugin "daterangepicker.jQuery.js" * by Scott Jehl,scott@filamentgroup.com * http://www.filamentgroup.com * reference article:http://www.filamentgroup.com/lab/update_date_range_picker_with_jquery_ui/ * demo page:http://www.filamentgroup.com/examples/daterangepicker/ * * Copyright (c) 2008 Filament Group,Inc * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses. * * Dependencies:jquery,jquery UI datepicker,date.js library (included at bottom),jQuery UI CSS Framework * Changelog:*10.23.2008 initial Version * 11.12.2008 changed dateFormat option to allow custom date formatting (credit:http://alexgoldstone.com/) * 01.04.09 updated markup to new jQuery UI CSS Framework * 01.19.2008 changed presets hash to support different text * -------------------------------------------------------------------- */
 /* ��������;
	����֮�� www.lanrenzhijia.com */
jQuery.fn.daterangepicker = function(settings){
	var rangeInput = jQuery(this);
	//defaultsvar options = jQuery.extend({
	presetRanges:[{
	text:'Today',dateStart:'today',dateEnd:'today'}
,{
	text:'Last 7 days',dateStart:'today-7days',dateEnd:'today'}
,{
	text:'Month to date',dateStart:function(){
	return Date.parse('today').moveToFirstDayOfMonth();
}
,dateEnd:'today'}
,{
	text:'Year to date',dateStart:function(){
	var x= Date.parse('today');
	x.setMonth(0);
	x.setDate(1);
	return x;
}
,dateEnd:'today'}
,//extras:{
	text:'The previous Month',dateStart:function(){
	return Date.parse('1 month ago').moveToFirstDayOfMonth();
}
,dateEnd:function(){
	return Date.parse('1 month ago').moveToLastDayOfMonth();
}
}
//{
	text:'Tomorrow',dateStart:'Tomorrow',dateEnd:'Tomorrow'}
,//{
	text:'Ad Campaign',dateStart:'03/07/08',dateEnd:'Today'}
,//{
	text:'Last 30 Days',dateStart:'Today-30',dateEnd:'Today'}
,//{
	text:'Next 30 Days',dateStart:'Today',dateEnd:'Today+30'}
,//{
	text:'Our Ad Campaign',dateStart:'03/07/08',dateEnd:'07/08/08'}
],//presetRanges:array of objects for each menu preset.//Each obj must have text,dateStart,dateEnd. dateStart,dateEnd accept date.js string or a function which returns a date objectpresets:{
	specificDate:'Specific Date',allDatesBefore:'All Dates Before',allDatesAfter:'All Dates After',dateRange:'Date Range'}
,rangeStartTitle:'Start date',rangeEndTitle:'End date',nextLinkText:'Next',prevLinkText:'Prev',doneButtonText:'Done',earliestDate:Date.parse('-15years'),//earliest date allowedlatestDate:Date.parse('+15years'),//latest date allowedrangeSplitter:'-',//string to use between dates in single inputdateFormat:'m/d/yy',// date formatting. Available formats:http://docs.jquery.com/UI/Datepicker/%24.datepicker.formatDatecloseOnSelect:true,//if a complete selection is made,close the menuarrows:false,posX:rangeInput.offset().left,// x positionposY:rangeInput.offset().top + rangeInput.outerHeight(),// y positionappendTo:'body',onClose:function(){
}
,onOpen:function(){
}
,onChange:function(){
}
,datepickerOptions:null //object containing native UI datepicker API options}
,settings);
	/* ��������;
	����֮�� www.lanrenzhijia.com */
//custom datepicker options,extended by optionsvar datepickerOptions ={
	onSelect:function(){
	if(rp.find('.ui-daterangepicker-specificDate').is('.ui-state-active')){
	rp.find('.range-end').datepicker('setDate',rp.find('.range-start').datepicker('getDate') );
}
var lanrenzhijia = fDate( rp.find('.range-start').datepicker('getDate') );
	var rangeB = fDate( rp.find('.range-end').datepicker('getDate') );
	//send back to input or inputsif(rangeInput.length == 2){
	rangeInput.eq(0).val(lanrenzhijia);
	rangeInput.eq(1).val(rangeB);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
else{
	rangeInput.val((lanrenzhijia != rangeB) ? lanrenzhijia+' '+ options.rangeSplitter +' '+rangeB:lanrenzhijia);
}
//if closeOnSelect is trueif(options.closeOnSelect){
	if(!rp.find('li.ui-state-active').is('.ui-daterangepicker-dateRange') && !rp.is(':animated') ){
	hideRP();
}
}
options.onChange();
}
,defaultDate:+0}
;
	//change event fires both when a calendar is updated or a change event on the input is triggeredrangeInput.change(options.onChange);
	//datepicker options from optionsoptions.datepickerOptions = (settings) ? jQuery.extend(datepickerOptions,settings.datepickerOptions):datepickerOptions;
	//Capture Dates from input(s)var inputDateA,inputDateB = Date.parse('today');
	var inputDateAtemp,inputDateBtemp;
	if(rangeInput.size() == 2){
	inputDateAtemp = Date.parse( rangeInput.eq(0).val() );
	inputDateBtemp = Date.parse( rangeInput.eq(1).val() );
	if(inputDateAtemp == null){
	inputDateAtemp = inputDateBtemp;
}
if(inputDateBtemp == null){
	inputDateBtemp = inputDateAtemp;
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
else{
	inputDateAtemp = Date.parse( rangeInput.val().split(options.rangeSplitter)[0] );
	inputDateBtemp = Date.parse( rangeInput.val().split(options.rangeSplitter)[1] );
	if(inputDateBtemp == null){
	inputDateBtemp = inputDateAtemp;
}
//if one date,set both}
if(inputDateAtemp != null){
	inputDateA = inputDateAtemp;
}
if(inputDateBtemp != null){
	inputDateB = inputDateBtemp;
}
//build picker andvar rp = jQuery('<div class="ui-daterangepicker ui-widget ui-helper-clearfix ui-widget-content ui-corner-all"></div>');
	var rpPresets = (function(){
	var ul = jQuery('<ul class="ui-widget-content"></ul>').appendTo(rp);
	jQuery.each(options.presetRanges,function(){
	jQuery('<li class="ui-daterangepicker-'+ this.text.replace(/ /g,'') +' ui-corner-all"><a href="#">'+ this.text +'</a></li>').data('dateStart',this.dateStart).data('dateEnd',this.dateEnd).appendTo(ul);
}
);
	var x=0;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
jQuery.each(options.presets,function(key,value){
	jQuery('<li class="ui-daterangepicker-'+ key +' preset_'+ x +' ui-helper-clearfix ui-corner-all"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">'+ value +'</a></li>') /* ��������;
	����֮�� www.lanrenzhijia.com */
.appendTo(ul);
	x++;
}
);
	ul.find('li').hover(function(){
	jQuery(this).addClass('ui-state-hover');
}
,function(){
	jQuery(this).removeClass('ui-state-hover');
}
).click(function(){
	rp.find('.ui-state-active').removeClass('ui-state-active');
	jQuery(this).addClass('ui-state-active').clickActions(rp,rpPickers,doneBtn);
	return false;
}
);
	return ul;
}
)();
	/* ��������;
	����֮�� www.lanrenzhijia.com */
//function to format a date stringfunction fDate(date){
	if(!date.getDate()){
	return '';
}
var day = date.getDate();
	var month = date.getMonth();
	var year = date.getFullYear();
	month++;
	// adjust javascript month var dateFormat = options.dateFormat;
	return jQuery.datepicker.formatDate( dateFormat,date );
}
jQuery.fn.restoreDateFromData = function(){
	if(jQuery(this).data('saveDate')){
	jQuery(this).datepicker('setDate',jQuery(this).data('saveDate')).removeData('saveDate');
}
return this;
}
jQuery.fn.saveDateToData = function(){
	if(!jQuery(this).data('saveDate')){
	jQuery(this).data('saveDate',jQuery(this).datepicker('getDate') );
}
return this;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
//show,hide,or toggle rangepickerfunction showRP(){
	if(rp.data('state') == 'closed'){
	rp.data('state','open');
	rp.fadeIn(300);
	options.onOpen();
}
}
function hideRP(){
	if(rp.data('state') == 'open'){
	rp.data('state','closed');
	rp.fadeOut(300);
	options.onClose();
}
}
function toggleRP(){
	if( rp.data('state') == 'open' ){
	hideRP();
}
else{
	showRP();
}
}
rp.data('state','closed');
	/* ��������;
	����֮�� www.lanrenzhijia.com */
//preset menu click eventsjQuery.fn.clickActions = function(rp,rpPickers,doneBtn){
	if(jQuery(this).is('.ui-daterangepicker-specificDate')){
	doneBtn.hide();
	rpPickers.show();
	rp.find('.title-start').text( options.presets.specificDate );
	rp.find('.range-start').restoreDateFromData().show(400);
	rp.find('.range-end').restoreDateFromData().hide(400);
	setTimeout(function(){
	doneBtn.fadeIn();
}
,400);
}
else if(jQuery(this).is('.ui-daterangepicker-allDatesBefore')){
	doneBtn.hide();
	rpPickers.show();
	rp.find('.title-end').text( options.presets.allDatesBefore );
	rp.find('.range-start').saveDateToData().datepicker('setDate',options.earliestDate).hide(400);
	rp.find('.range-end').restoreDateFromData().show(400);
	setTimeout(function(){
	doneBtn.fadeIn();
}
,400);
}
else if(jQuery(this).is('.ui-daterangepicker-allDatesAfter')){
	doneBtn.hide();
	rpPickers.show();
	rp.find('.title-start').text( options.presets.allDatesAfter );
	rp.find('.range-start').restoreDateFromData().show(400);
	rp.find('.range-end').saveDateToData().datepicker('setDate',options.latestDate).hide(400);
	setTimeout(function(){
	doneBtn.fadeIn();
}
,400);
}
else if(jQuery(this).is('.ui-daterangepicker-dateRange')){
	doneBtn.hide();
	rpPickers.show();
	rp.find('.title-start').text(options.rangeStartTitle);
	rp.find('.title-end').text(options.rangeEndTitle);
	rp.find('.range-start').restoreDateFromData().show(400);
	rp.find('.range-end').restoreDateFromData().show(400);
	setTimeout(function(){
	doneBtn.fadeIn();
}
,400);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
else{
	//custom date rangedoneBtn.hide();
	rp.find('.range-start,.range-end').hide(400,function(){
	rpPickers.hide();
}
);
	var dateStart = (typeof jQuery(this).data('dateStart') == 'string') ? Date.parse(jQuery(this).data('dateStart')):jQuery(this).data('dateStart')();
	var dateEnd = (typeof jQuery(this).data('dateEnd') == 'string') ? Date.parse(jQuery(this).data('dateEnd')):jQuery(this).data('dateEnd')();
	rp.find('.range-start').datepicker('setDate',dateStart).find('.ui-datepicker-current-day').trigger('click');
	rp.find('.range-end').datepicker('setDate',dateEnd).find('.ui-datepicker-current-day').trigger('click');
}
return false;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
//picker divsvar rpPickers = jQuery('<div class="ranges ui-widget-header ui-corner-all ui-helper-clearfix"><div class="range-start"><span class="title-start">Start Date</span></div><div class="range-end"><span class="title-end">End Date</span></div></div>').appendTo(rp);
	rpPickers.find('.range-start,.range-end').datepicker(options.datepickerOptions);
	rpPickers.find('.range-start').datepicker('setDate',inputDateA);
	rpPickers.find('.range-end').datepicker('setDate',inputDateB);
	var doneBtn = jQuery('<button class="btnDone ui-state-default ui-corner-all">'+ options.doneButtonText +'</button>').click(function(){
	rp.find('.ui-datepicker-current-day').trigger('click');
	hideRP();
}
).hover(function(){
	jQuery(this).addClass('ui-state-hover');
}
,function(){
	jQuery(this).removeClass('ui-state-hover');
}
).appendTo(rpPickers);
	/* ��������;
	����֮�� www.lanrenzhijia.com */
//inputs toggle rangepicker visibilityjQuery(this).click(function(){
	toggleRP();
	return false;
}
);
	//hide em allrpPickers.css('display','none').find('.range-start,.range-end,.btnDone').css('display','none');
	//inject rpjQuery(options.appendTo).append(rp);
	//wrap and positionrp.wrap('<div class="ui-daterangepickercontain"></div>');
	if(options.posX){
	rp.parent().css('left',options.posX);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(options.posY){
	rp.parent().css('top',options.posY);
}
//add arrows (only available on one input)if(options.arrows && rangeInput.size()==1){
	var prevLink = jQuery('<a href="#" class="ui-daterangepicker-prev ui-corner-all" title="'+ options.prevLinkText +'"><span class="ui-icon ui-icon-circle-triangle-w">'+ options.prevLinkText +'</span></a>');
	var nextLink = jQuery('<a href="#" class="ui-daterangepicker-next ui-corner-all" title="'+ options.nextLinkText +'"><span class="ui-icon ui-icon-circle-triangle-e">'+ options.nextLinkText +'</span></a>');
	jQuery(this).addClass('ui-rangepicker-input ui-widget-content').wrap('<div class="ui-daterangepicker-arrows ui-widget ui-widget-header ui-helper-clearfix ui-corner-all"></div>').before( prevLink ).before( nextLink ).parent().find('a').click(function(){
	var dateA = rpPickers.find('.range-start').datepicker('getDate');
	var dateB = rpPickers.find('.range-end').datepicker('getDate');
	var diff = Math.abs( new TimeSpan(dateA - dateB).getTotalMilliseconds() ) + 86400000;
	//difference plus one dayif(jQuery(this).is('.ui-daterangepicker-prev')){
	diff = -diff;
}
rpPickers.find('.range-start,.range-end ').each(function(){
	var thisDate = jQuery(this).datepicker( "getDate");
	if(thisDate == null){
	return false;
}
jQuery(this).datepicker( "setDate",thisDate.add({
	milliseconds:diff}
) ).find('.ui-datepicker-current-day').trigger('click');
}
);
	return false;
}
).hover(function(){
	jQuery(this).addClass('ui-state-hover');
}
,function(){
	jQuery(this).removeClass('ui-state-hover');
}
);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
jQuery(document).click(function(){
	if (rp.is(':visible')){
	hideRP();
}
}
);
	/* ��������;
	����֮�� www.lanrenzhijia.com */
rp.click(function(){
	return false;
}
).hide();
	return this;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
/** * Version:1.0 Alpha-1 * Build Date:13-Nov-2007 * Copyright (c) 2006-2007,Coolite Inc. (http://www.coolite.com/). All rights reserved. * License:Licensed under The MIT License. See license.txt and http://www.datejs.com/license/. * Website:http://www.datejs.com/ or http://www.coolite.com/datejs/ */
 /* ��������;
	����֮�� www.lanrenzhijia.com */
Date.CultureInfo={
	name:"en-US",englishName:"English (United States)",nativeName:"English (United States)",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviatedDayNames:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],shortestDayNames:["Su","Mo","Tu","We","Th","Fr","Sa"],firstLetterDayNames:["S","M","T","W","T","F","S"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviatedMonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],amDesignator:"AM",pmDesignator:"PM",firstDayOfWeek:0,twoDigitYearMax:2029,dateElementOrder:"mdy",formatPatterns:{
	shortDate:"M/d/yyyy",longDate:"dddd,MMMM dd,yyyy",shortTime:"h:mm tt",longTime:"h:mm:ss tt",fullDateTime:"dddd,MMMM dd,yyyy h:mm:ss tt",sortableDateTime:"yyyy-MM-ddTHH:mm:ss",universalSortableDateTime:"yyyy-MM-dd HH:mm:ssZ",rfc1123:"ddd,dd MMM yyyy HH:mm:ss GMT",monthDay:"MMMM dd",yearMonth:"MMMM,yyyy"}
,regexPatterns:{
	jan:/^jan(uary)?/i,feb:/^feb(ruary)?/i,mar:/^mar(ch)?/i,apr:/^apr(il)?/i,may:/^may/i,jun:/^jun(e)?/i,jul:/^jul(y)?/i,aug:/^aug(ust)?/i,sep:/^sep(t(ember)?)?/i,oct:/^oct(ober)?/i,nov:/^nov(ember)?/i,dec:/^dec(ember)?/i,sun:/^su(n(day)?)?/i,mon:/^mo(n(day)?)?/i,tue:/^tu(e(s(day)?)?)?/i,wed:/^we(d(nesday)?)?/i,thu:/^th(u(r(s(day)?)?)?)?/i,fri:/^fr(i(day)?)?/i,sat:/^sa(t(urday)?)?/i,future:/^next/i,past:/^last|past|prev(ious)?/i,add:/^(\+|after|from)/i,subtract:/^(\-|before|ago)/i,yesterday:/^yesterday/i,today:/^t(oday)?/i,tomorrow:/^tomorrow/i,now:/^n(ow)?/i,millisecond:/^ms|milli(second)?s?/i,second:/^sec(ond)?s?/i,minute:/^min(ute)?s?/i,hour:/^h(ou)?rs?/i,week:/^w(ee)?k/i,month:/^m(o(nth)?s?)?/i,day:/^d(ays?)?/i,year:/^y((ea)?rs?)?/i,shortMeridian:/^(a|p)/i,longMeridian:/^(a\.?m?\.?|p\.?m?\.?)/i,timezone:/^((e(s|d)t|c(s|d)t|m(s|d)t|p(s|d)t)|((gmt)?\s*(\+|\-)\s*\d\d\d\d?)|gmt)/i,ordinalSuffix:/^\s*(st|nd|rd|th)/i,timeContext:/^\s*(\:|a|p)/i}
,abbreviatedTimeZoneStandard:{
	GMT:"-000",EST:"-0400",CST:"-0500",MST:"-0600",PST:"-0700"}
,abbreviatedTimeZoneDST:{
	GMT:"-000",EDT:"-0500",CDT:"-0600",MDT:"-0700",PDT:"-0800"}
}
;
	Date.getMonthNumberFromName=function(name){
	var n=Date.CultureInfo.monthNames,m=Date.CultureInfo.abbreviatedMonthNames,s=name.toLowerCase();
	for(var i=0;
	i<n.length;
	i++){
	if(n[i].toLowerCase()==s||m[i].toLowerCase()==s){
	return i;
}
}
return-1;
}
;
	Date.getDayNumberFromName=function(name){
	var n=Date.CultureInfo.dayNames,m=Date.CultureInfo.abbreviatedDayNames,o=Date.CultureInfo.shortestDayNames,s=name.toLowerCase();
	for(var i=0;
	i<n.length;
	i++){
	if(n[i].toLowerCase()==s||m[i].toLowerCase()==s){
	return i;
}
}
return-1;
}
;
	Date.isLeapYear=function(year){
	return(((year%4===0)&&(year%100!==0))||(year%400===0));
}
;
	Date.getDaysInMonth=function(year,month){
	return[31,(Date.isLeapYear(year)?29:28),31,30,31,30,31,31,30,31,30,31][month];
}
;
	Date.getTimezoneOffset=function(s,dst){
	return(dst||false)?Date.CultureInfo.abbreviatedTimeZoneDST[s.toUpperCase()]:Date.CultureInfo.abbreviatedTimeZoneStandard[s.toUpperCase()];
}
;
	Date.getTimezoneAbbreviation=function(offset,dst){
	var n=(dst||false)?Date.CultureInfo.abbreviatedTimeZoneDST:Date.CultureInfo.abbreviatedTimeZoneStandard,p;
	for(p in n){
	if(n[p]===offset){
	return p;
}
}
return null;
}
;
	Date.prototype.clone=function(){
	return new Date(this.getTime());
}
;
	Date.prototype.compareTo=function(date){
	if(isNaN(this)){
	throw new Error(this);
}
if(date instanceof Date&&!isNaN(date)){
	return(this>date)?1:(this<date)?-1:0;
}
else{
	throw new TypeError(date);
}
}
;
	Date.prototype.equals=function(date){
	return(this.compareTo(date)===0);
}
;
	Date.prototype.between=function(start,end){
	var t=this.getTime();
	return t>=start.getTime()&&t<=end.getTime();
}
;
	Date.prototype.addMilliseconds=function(value){
	this.setMilliseconds(this.getMilliseconds()+value);
	return this;
}
;
	Date.prototype.addSeconds=function(value){
	return this.addMilliseconds(value*1000);
}
;
	Date.prototype.addMinutes=function(value){
	return this.addMilliseconds(value*60000);
}
;
	Date.prototype.addHours=function(value){
	return this.addMilliseconds(value*3600000);
}
;
	Date.prototype.addDays=function(value){
	return this.addMilliseconds(value*86400000);
}
;
	Date.prototype.addWeeks=function(value){
	return this.addMilliseconds(value*604800000);
}
;
	Date.prototype.addMonths=function(value){
	var n=this.getDate();
	this.setDate(1);
	this.setMonth(this.getMonth()+value);
	this.setDate(Math.min(n,this.getDaysInMonth()));
	return this;
}
;
	Date.prototype.addYears=function(value){
	return this.addMonths(value*12);
}
;
	Date.prototype.add=function(config){
	if(typeof config=="number"){
	this._orient=config;
	return this;
}
var x=config;
	if(x.millisecond||x.milliseconds){
	this.addMilliseconds(x.millisecond||x.milliseconds);
}
if(x.second||x.seconds){
	this.addSeconds(x.second||x.seconds);
}
if(x.minute||x.minutes){
	this.addMinutes(x.minute||x.minutes);
}
if(x.hour||x.hours){
	this.addHours(x.hour||x.hours);
}
if(x.month||x.months){
	this.addMonths(x.month||x.months);
}
if(x.year||x.years){
	this.addYears(x.year||x.years);
}
if(x.day||x.days){
	this.addDays(x.day||x.days);
}
return this;
}
;
	Date._validate=function(value,min,max,name){
	if(typeof value!="number"){
	throw new TypeError(value+" is not a Number.");
}
else if(value<min||value>max){
	throw new RangeError(value+" is not a valid value for "+name+".");
}
return true;
}
;
	Date.validateMillisecond=function(n){
	return Date._validate(n,0,999,"milliseconds");
}
;
	Date.validateSecond=function(n){
	return Date._validate(n,0,59,"seconds");
}
;
	Date.validateMinute=function(n){
	return Date._validate(n,0,59,"minutes");
}
;
	Date.validateHour=function(n){
	return Date._validate(n,0,23,"hours");
}
;
	Date.validateDay=function(n,year,month){
	return Date._validate(n,1,Date.getDaysInMonth(year,month),"days");
}
;
	Date.validateMonth=function(n){
	return Date._validate(n,0,11,"months");
}
;
	Date.validateYear=function(n){
	return Date._validate(n,1,9999,"seconds");
}
;
	Date.prototype.set=function(config){
	var x=config;
	if(!x.millisecond&&x.millisecond!==0){
	x.millisecond=-1;
}
if(!x.second&&x.second!==0){
	x.second=-1;
}
if(!x.minute&&x.minute!==0){
	x.minute=-1;
}
if(!x.hour&&x.hour!==0){
	x.hour=-1;
}
if(!x.day&&x.day!==0){
	x.day=-1;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(!x.month&&x.month!==0){
	x.month=-1;
}
if(!x.year&&x.year!==0){
	x.year=-1;
}
if(x.millisecond!=-1&&Date.validateMillisecond(x.millisecond)){
	this.addMilliseconds(x.millisecond-this.getMilliseconds());
}
if(x.second!=-1&&Date.validateSecond(x.second)){
	this.addSeconds(x.second-this.getSeconds());
}
if(x.minute!=-1&&Date.validateMinute(x.minute)){
	this.addMinutes(x.minute-this.getMinutes());
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(x.hour!=-1&&Date.validateHour(x.hour)){
	this.addHours(x.hour-this.getHours());
}
if(x.month!==-1&&Date.validateMonth(x.month)){
	this.addMonths(x.month-this.getMonth());
}
if(x.year!=-1&&Date.validateYear(x.year)){
	this.addYears(x.year-this.getFullYear());
}
if(x.day!=-1&&Date.validateDay(x.day,this.getFullYear(),this.getMonth())){
	this.addDays(x.day-this.getDate());
}
if(x.timezone){
	this.setTimezone(x.timezone);
}
if(x.timezoneOffset){
	this.setTimezoneOffset(x.timezoneOffset);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return this;
}
;
	Date.prototype.clearTime=function(){
	this.setHours(0);
	this.setMinutes(0);
	this.setSeconds(0);
	this.setMilliseconds(0);
	return this;
}
;
	Date.prototype.isLeapYear=function(){
	var y=this.getFullYear();
	return(((y%4===0)&&(y%100!==0))||(y%400===0));
}
;
	Date.prototype.isWeekday=function(){
	return!(this.is().sat()||this.is().sun());
}
;
	Date.prototype.getDaysInMonth=function(){
	return Date.getDaysInMonth(this.getFullYear(),this.getMonth());
}
;
	Date.prototype.moveToFirstDayOfMonth=function(){
	return this.set({
	day:1}
);
}
;
	Date.prototype.moveToLastDayOfMonth=function(){
	return this.set({
	day:this.getDaysInMonth()}
);
}
;
	Date.prototype.moveToDayOfWeek=function(day,orient){
	var diff=(day-this.getDay()+7*(orient||+1))%7;
	return this.addDays((diff===0)?diff+=7*(orient||+1):diff);
}
;
	Date.prototype.moveToMonth=function(month,orient){
	var diff=(month-this.getMonth()+12*(orient||+1))%12;
	return this.addMonths((diff===0)?diff+=12*(orient||+1):diff);
}
;
	Date.prototype.getDayOfYear=function(){
	return Math.floor((this-new Date(this.getFullYear(),0,1))/86400000);
}
;
	Date.prototype.getWeekOfYear=function(firstDayOfWeek){
	var y=this.getFullYear(),m=this.getMonth(),d=this.getDate();
	var dow=firstDayOfWeek||Date.CultureInfo.firstDayOfWeek;
	var offset=7+1-new Date(y,0,1).getDay();
	if(offset==8){
	offset=1;
}
var daynum=((Date.UTC(y,m,d,0,0,0)-Date.UTC(y,0,1,0,0,0))/86400000)+1;
	var w=Math.floor((daynum-offset+7)/7);
	if(w===dow){
	y--;
	var prevOffset=7+1-new Date(y,0,1).getDay();
	if(prevOffset==2||prevOffset==8){
	w=53;
}
else{
	w=52;
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return w;
}
;
	Date.prototype.isDST=function(){
	return this.toString().match(/(E|C|M|P)(S|D)T/)[2]=="D";
}
;
	Date.prototype.getTimezone=function(){
	return Date.getTimezoneAbbreviation(this.getUTCOffset,this.isDST());
}
;
	Date.prototype.setTimezoneOffset=function(s){
	var here=this.getTimezoneOffset(),there=Number(s)*-6/10;
	this.addMinutes(there-here);
	return this;
}
;
	Date.prototype.setTimezone=function(s){
	return this.setTimezoneOffset(Date.getTimezoneOffset(s));
}
;
	Date.prototype.getUTCOffset=function(){
	var n=this.getTimezoneOffset()*-10/6,r;
	if(n<0){
	r=(n-10000).toString();
	return r[0]+r.substr(2);
}
else{
	r=(n+10000).toString();
	return"+"+r.substr(1);
}
}
;
	Date.prototype.getDayName=function(abbrev){
	return abbrev?Date.CultureInfo.abbreviatedDayNames[this.getDay()]:Date.CultureInfo.dayNames[this.getDay()];
}
;
	Date.prototype.getMonthName=function(abbrev){
	return abbrev?Date.CultureInfo.abbreviatedMonthNames[this.getMonth()]:Date.CultureInfo.monthNames[this.getMonth()];
}
;
	Date.prototype._toString=Date.prototype.toString;
	Date.prototype.toString=function(format){
	var self=this;
	var p=function p(s){
	return(s.toString().length==1)?"0"+s:s;
}
;
	return format?format.replace(/dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|zz?z?/g,function(format){
	switch(format){
	case"hh":return p(self.getHours()<13?self.getHours():(self.getHours()-12));
	case"h":return self.getHours()<13?self.getHours():(self.getHours()-12);
	case"HH":return p(self.getHours());
	case"H":return self.getHours();
	case"mm":return p(self.getMinutes());
	case"m":return self.getMinutes();
	case"ss":return p(self.getSeconds());
	case"s":return self.getSeconds();
	case"yyyy":return self.getFullYear();
	case"yy":return self.getFullYear().toString().substring(2,4);
	case"dddd":return self.getDayName();
	case"ddd":return self.getDayName(true);
	case"dd":return p(self.getDate());
	case"d":return self.getDate().toString();
	case"MMMM":return self.getMonthName();
	case"MMM":return self.getMonthName(true);
	case"MM":return p((self.getMonth()+1));
	case"M":return self.getMonth()+1;
	case"t":return self.getHours()<12?Date.CultureInfo.amDesignator.substring(0,1):Date.CultureInfo.pmDesignator.substring(0,1);
	case"tt":return self.getHours()<12?Date.CultureInfo.amDesignator:Date.CultureInfo.pmDesignator;
	case"zzz":case"zz":case"z":return"";
}
}
):this._toString();
}
;
	Date.now=function(){
	return new Date();
}
;
	Date.today=function(){
	return Date.now().clearTime();
}
;
	Date.prototype._orient=+1;
	Date.prototype.next=function(){
	this._orient=+1;
	return this;
}
;
	Date.prototype.last=Date.prototype.prev=Date.prototype.previous=function(){
	this._orient=-1;
	return this;
}
;
	Date.prototype._is=false;
	Date.prototype.is=function(){
	this._is=true;
	return this;
}
;
	Number.prototype._dateElement="day";
	Number.prototype.fromNow=function(){
	var c={
}
;
	c[this._dateElement]=this;
	return Date.now().add(c);
}
;
	Number.prototype.ago=function(){
	var c={
}
;
	c[this._dateElement]=this*-1;
	return Date.now().add(c);
}
;
	(function(){
	var $D=Date.prototype,$N=Number.prototype;
	var dx=("sunday monday tuesday wednesday thursday friday saturday").split(/\s/),mx=("january february march april may june july august september october november december").split(/\s/),px=("Millisecond Second Minute Hour Day Week Month Year").split(/\s/),de;
	var df=function(n){
	return function(){
	if(this._is){
	this._is=false;
	return this.getDay()==n;
}
return this.moveToDayOfWeek(n,this._orient);
}
;
}
;
	for(var i=0;
	i<dx.length;
	i++){
	$D[dx[i]]=$D[dx[i].substring(0,3)]=df(i);
}
var mf=function(n){
	return function(){
	if(this._is){
	this._is=false;
	return this.getMonth()===n;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return this.moveToMonth(n,this._orient);
}
;
}
;
	for(var j=0;
	j<mx.length;
	j++){
	$D[mx[j]]=$D[mx[j].substring(0,3)]=mf(j);
}
var ef=function(j){
	return function(){
	if(j.substring(j.length-1)!="s"){
	j+="s";
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return this["add"+j](this._orient);
}
;
}
;
	var nf=function(n){
	return function(){
	this._dateElement=n;
	return this;
}
;
}
;
	for(var k=0;
	k<px.length;
	k++){
	de=px[k].toLowerCase();
	$D[de]=$D[de+"s"]=ef(px[k]);
	$N[de]=$N[de+"s"]=nf(de);
}
}
());
	Date.prototype.toJSONString=function(){
	return this.toString("yyyy-MM-ddThh:mm:ssZ");
}
;
	Date.prototype.toShortDateString=function(){
	return this.toString(Date.CultureInfo.formatPatterns.shortDatePattern);
}
;
	Date.prototype.toLongDateString=function(){
	return this.toString(Date.CultureInfo.formatPatterns.longDatePattern);
}
;
	Date.prototype.toShortTimeString=function(){
	return this.toString(Date.CultureInfo.formatPatterns.shortTimePattern);
}
;
	Date.prototype.toLongTimeString=function(){
	return this.toString(Date.CultureInfo.formatPatterns.longTimePattern);
}
;
	Date.prototype.getOrdinal=function(){
	switch(this.getDate()){
	case 1:case 21:case 31:return"st";
	case 2:case 22:return"nd";
	case 3:case 23:return"rd";
	default:return"th";
}
}
;
	(function(){
	Date.Parsing={
	Exception:function(s){
	this.message="Parse error at '"+s.substring(0,10)+" ...'";
}
}
;
	var $P=Date.Parsing;
	var _=$P.Operators={
	rtoken:function(r){
	return function(s){
	var mx=s.match(r);
	if(mx){
	return([mx[0],s.substring(mx[0].length)]);
}
else{
	throw new $P.Exception(s);
}
}
;
}
,token:function(s){
	return function(s){
	return _.rtoken(new RegExp("^\s*"+s+"\s*"))(s);
}
;
}
,stoken:function(s){
	return _.rtoken(new RegExp("^"+s));
}
,until:function(p){
	return function(s){
	var qx=[],rx=null;
	while(s.length){
	try{
	rx=p.call(this,s);
}
catch(e){
	qx.push(rx[0]);
	s=rx[1];
	continue;
}
break;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return[qx,s];
}
;
}
,many:function(p){
	return function(s){
	var rx=[],r=null;
	while(s.length){
	try{
	r=p.call(this,s);
}
catch(e){
	return[rx,s];
}
rx.push(r[0]);
	s=r[1];
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return[rx,s];
}
;
}
,optional:function(p){
	return function(s){
	var r=null;
	try{
	r=p.call(this,s);
}
catch(e){
	return[null,s];
}
return[r[0],r[1]];
}
;
}
,not:function(p){
	return function(s){
	try{
	p.call(this,s);
}
catch(e){
	return[null,s];
}
throw new $P.Exception(s);
}
;
}
,ignore:function(p){
	return p?function(s){
	var r=null;
	r=p.call(this,s);
	return[null,r[1]];
}
:null;
}
,product:function(){
	var px=arguments[0],qx=Array.prototype.slice.call(arguments,1),rx=[];
	for(var i=0;
	i<px.length;
	i++){
	rx.push(_.each(px[i],qx));
}
return rx;
}
,cache:function(rule){
	var cache={
}
,r=null;
	return function(s){
	try{
	r=cache[s]=(cache[s]||rule.call(this,s));
}
catch(e){
	r=cache[s]=e;
}
if(r instanceof $P.Exception){
	throw r;
}
else{
	return r;
}
}
;
}
,any:function(){
	var px=arguments;
	return function(s){
	var r=null;
	for(var i=0;
	i<px.length;
	i++){
	if(px[i]==null){
	continue;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
try{
	r=(px[i].call(this,s));
}
catch(e){
	r=null;
}
if(r){
	return r;
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
throw new $P.Exception(s);
}
;
}
,each:function(){
	var px=arguments;
	return function(s){
	var rx=[],r=null;
	for(var i=0;
	i<px.length;
	i++){
	if(px[i]==null){
	continue;
}
try{
	r=(px[i].call(this,s));
}
catch(e){
	throw new $P.Exception(s);
}
rx.push(r[0]);
	s=r[1];
}
return[rx,s];
}
;
}
,all:function(){
	var px=arguments,_=_;
	return _.each(_.optional(px));
}
,sequence:function(px,d,c){
	d=d||_.rtoken(/^\s*/
);
	c=c||null;
	if(px.length==1){
	return px[0];
}
return function(s){
	var r=null,q=null;
	var rx=[];
	for(var i=0;
	i<px.length;
	i++){
	try{
	r=px[i].call(this,s);
}
catch(e){
	break;
}
rx.push(r[0]);
	try{
	q=d.call(this,r[1]);
}
catch(ex){
	q=null;
	break;
}
s=q[1];
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(!r){
	throw new $P.Exception(s);
}
if(q){
	throw new $P.Exception(q[1]);
}
if(c){
	try{
	r=c.call(this,r[1]);
}
catch(ey){
	throw new $P.Exception(r[1]);
}
}
return[rx,(r?r[1]:s)];
}
;
}
,between:function(d1,p,d2){
	d2=d2||d1;
	var _fn=_.each(_.ignore(d1),p,_.ignore(d2));
	return function(s){
	var rx=_fn.call(this,s);
	return[[rx[0][0],r[0][2]],rx[1]];
}
;
}
,list:function(p,d,c){
	d=d||_.rtoken(/^\s*/
);
	c=c||null;
	return(p instanceof Array?_.each(_.product(p.slice(0,-1),_.ignore(d)),p.slice(-1),_.ignore(c)):_.each(_.many(_.each(p,_.ignore(d))),px,_.ignore(c)));
}
,set:function(px,d,c){
	d=d||_.rtoken(/^\s*/
);
	c=c||null;
	return function(s){
	var r=null,p=null,q=null,rx=null,best=[[],s],last=false;
	for(var i=0;
	i<px.length;
	i++){
	q=null;
	p=null;
	r=null;
	last=(px.length==1);
	try{
	r=px[i].call(this,s);
}
catch(e){
	continue;
}
rx=[[r[0]],r[1]];
	if(r[1].length>0&&!last){
	try{
	q=d.call(this,r[1]);
}
catch(ex){
	last=true;
}
}
else{
	last=true;
}
if(!last&&q[1].length===0){
	last=true;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(!last){
	var qx=[];
	for(var j=0;
	j<px.length;
	j++){
	if(i!=j){
	qx.push(px[j]);
}
}
p=_.set(qx,d).call(this,q[1]);
	if(p[0].length>0){
	rx[0]=rx[0].concat(p[0]);
	rx[1]=p[1];
}
}
if(rx[1].length<best[1].length){
	best=rx;
}
if(best[1].length===0){
	break;
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(best[0].length===0){
	return best;
}
if(c){
	try{
	q=c.call(this,best[1]);
}
catch(ey){
	throw new $P.Exception(best[1]);
}
best[1]=q[1];
}
return best;
}
;
}
,forward:function(gr,fname){
	return function(s){
	return gr[fname].call(this,s);
}
;
}
,replace:function(rule,repl){
	return function(s){
	var r=rule.call(this,s);
	return[repl,r[1]];
}
;
}
,process:function(rule,fn){
	return function(s){
	var r=rule.call(this,s);
	return[fn.call(this,r[0]),r[1]];
}
;
}
,min:function(min,rule){
	return function(s){
	var rx=rule.call(this,s);
	if(rx[0].length<min){
	throw new $P.Exception(s);
}
return rx;
}
;
}
}
;
	var _generator=function(op){
	return function(){
	var args=null,rx=[];
	if(arguments.length>1){
	args=Array.prototype.slice.call(arguments);
}
else if(arguments[0]instanceof Array){
	args=arguments[0];
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(args){
	for(var i=0,px=args.shift();
	i<px.length;
	i++){
	args.unshift(px[i]);
	rx.push(op.apply(null,args));
	args.shift();
	return rx;
}
}
else{
	return op.apply(null,arguments);
}
}
;
}
;
	var gx="optional not ignore cache".split(/\s/);
	for(var i=0;
	i<gx.length;
	i++){
	_[gx[i]]=_generator(_[gx[i]]);
}
var _vector=function(op){
	return function(){
	if(arguments[0]instanceof Array){
	return op.apply(null,arguments[0]);
}
else{
	return op.apply(null,arguments);
}
}
;
}
;
	var vx="each any all".split(/\s/);
	for(var j=0;
	j<vx.length;
	j++){
	_[vx[j]]=_vector(_[vx[j]]);
}
}
());
	(function(){
	var flattenAndCompact=function(ax){
	var rx=[];
	for(var i=0;
	i<ax.length;
	i++){
	if(ax[i]instanceof Array){
	rx=rx.concat(flattenAndCompact(ax[i]));
}
else{
	if(ax[i]){
	rx.push(ax[i]);
}
}
}
return rx;
}
;
	Date.Grammar={
}
;
	Date.Translator={
	hour:function(s){
	return function(){
	this.hour=Number(s);
}
;
}
,minute:function(s){
	return function(){
	this.minute=Number(s);
}
;
}
,second:function(s){
	return function(){
	this.second=Number(s);
}
;
}
,meridian:function(s){
	return function(){
	this.meridian=s.slice(0,1).toLowerCase();
}
;
}
,timezone:function(s){
	return function(){
	var n=s.replace(/[^\d\+\-]/g,"");
	if(n.length){
	this.timezoneOffset=Number(n);
}
else{
	this.timezone=s.toLowerCase();
}
}
;
}
,day:function(x){
	var s=x[0];
	return function(){
	this.day=Number(s.match(/\d+/)[0]);
}
;
}
,month:function(s){
	return function(){
	this.month=((s.length==3)?Date.getMonthNumberFromName(s):(Number(s)-1));
}
;
}
,year:function(s){
	return function(){
	var n=Number(s);
	this.year=((s.length>2)?n:(n+(((n+2000)<Date.CultureInfo.twoDigitYearMax)?2000:1900)));
}
;
}
,rday:function(s){
	return function(){
	switch(s){
	case"yesterday":this.days=-1;
	break;
	case"tomorrow":this.days=1;
	break;
	case"today":this.days=0;
	break;
	case"now":this.days=0;
	this.now=true;
	break;
}
}
;
}
,finishExact:function(x){
	x=(x instanceof Array)?x:[x];
	var now=new Date();
	this.year=now.getFullYear();
	this.month=now.getMonth();
	this.day=1;
	this.hour=0;
	this.minute=0;
	this.second=0;
	for(var i=0;
	i<x.length;
	i++){
	if(x[i]){
	x[i].call(this);
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
this.hour=(this.meridian=="p"&&this.hour<13)?this.hour+12:this.hour;
	if(this.day>Date.getDaysInMonth(this.year,this.month)){
	throw new RangeError(this.day+" is not a valid value for days.");
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
var r=new Date(this.year,this.month,this.day,this.hour,this.minute,this.second);
	if(this.timezone){
	r.set({
	timezone:this.timezone}
);
}
else if(this.timezoneOffset){
	r.set({
	timezoneOffset:this.timezoneOffset}
);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return r;
}
,finish:function(x){
	x=(x instanceof Array)?flattenAndCompact(x):[x];
	if(x.length===0){
	return null;
}
for(var i=0;
	i<x.length;
	i++){
	if(typeof x[i]=="function"){
	x[i].call(this);
}
}
if(this.now){
	return new Date();
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
var today=Date.today();
	var method=null;
	var expression=!!(this.days!=null||this.orient||this.operator);
	if(expression){
	var gap,mod,orient;
	orient=((this.orient=="past"||this.operator=="subtract")?-1:1);
	if(this.weekday){
	this.unit="day";
	gap=(Date.getDayNumberFromName(this.weekday)-today.getDay());
	mod=7;
	this.days=gap?((gap+(orient*mod))%mod):(orient*mod);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(this.month){
	this.unit="month";
	gap=(this.month-today.getMonth());
	mod=12;
	this.months=gap?((gap+(orient*mod))%mod):(orient*mod);
	this.month=null;
}
if(!this.unit){
	this.unit="day";
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
if(this[this.unit+"s"]==null||this.operator!=null){
	if(!this.value){
	this.value=1;
}
if(this.unit=="week"){
	this.unit="day";
	this.value=this.value*7;
}
this[this.unit+"s"]=this.value*orient;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return today.add(this);
}
else{
	if(this.meridian&&this.hour){
	this.hour=(this.hour<13&&this.meridian=="p")?this.hour+12:this.hour;
}
if(this.weekday&&!this.day){
	this.day=(today.addDays((Date.getDayNumberFromName(this.weekday)-today.getDay()))).getDate();
}
if(this.month&&!this.day){
	this.day=1;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return today.set(this);
}
}
}
;
	var _=Date.Parsing.Operators,g=Date.Grammar,t=Date.Translator,_fn;
	g.datePartDelimiter=_.rtoken(/^([\s\-\.\,\/\x27]+)/);
	g.timePartDelimiter=_.stoken(":");
	g.whiteSpace=_.rtoken(/^\s*/
);
	g.generalDelimiter=_.rtoken(/^(([\s\,]|at|on)+)/);
	var _C={
}
;
	g.ctoken=function(keys){
	var fn=_C[keys];
	if(!fn){
	var c=Date.CultureInfo.regexPatterns;
	var kx=keys.split(/\s+/),px=[];
	for(var i=0;
	i<kx.length;
	i++){
	px.push(_.replace(_.rtoken(c[kx[i]]),kx[i]));
}
fn=_C[keys]=_.any.apply(null,px);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return fn;
}
;
	g.ctoken2=function(key){
	return _.rtoken(Date.CultureInfo.regexPatterns[key]);
}
;
	g.h=_.cache(_.process(_.rtoken(/^(0[0-9]|1[0-2]|[1-9])/),t.hour));
	g.hh=_.cache(_.process(_.rtoken(/^(0[0-9]|1[0-2])/),t.hour));
	g.H=_.cache(_.process(_.rtoken(/^([0-1][0-9]|2[0-3]|[0-9])/),t.hour));
	g.HH=_.cache(_.process(_.rtoken(/^([0-1][0-9]|2[0-3])/),t.hour));
	g.m=_.cache(_.process(_.rtoken(/^([0-5][0-9]|[0-9])/),t.minute));
	g.mm=_.cache(_.process(_.rtoken(/^[0-5][0-9]/),t.minute));
	g.s=_.cache(_.process(_.rtoken(/^([0-5][0-9]|[0-9])/),t.second));
	g.ss=_.cache(_.process(_.rtoken(/^[0-5][0-9]/),t.second));
	g.hms=_.cache(_.sequence([g.H,g.mm,g.ss],g.timePartDelimiter));
	g.t=_.cache(_.process(g.ctoken2("shortMeridian"),t.meridian));
	g.tt=_.cache(_.process(g.ctoken2("longMeridian"),t.meridian));
	g.z=_.cache(_.process(_.rtoken(/^(\+|\-)?\s*\d\d\d\d?/),t.timezone));
	g.zz=_.cache(_.process(_.rtoken(/^(\+|\-)\s*\d\d\d\d/),t.timezone));
	g.zzz=_.cache(_.process(g.ctoken2("timezone"),t.timezone));
	g.timeSuffix=_.each(_.ignore(g.whiteSpace),_.set([g.tt,g.zzz]));
	g.time=_.each(_.optional(_.ignore(_.stoken("T"))),g.hms,g.timeSuffix);
	g.d=_.cache(_.process(_.each(_.rtoken(/^([0-2]\d|3[0-1]|\d)/),_.optional(g.ctoken2("ordinalSuffix"))),t.day));
	g.dd=_.cache(_.process(_.each(_.rtoken(/^([0-2]\d|3[0-1])/),_.optional(g.ctoken2("ordinalSuffix"))),t.day));
	g.ddd=g.dddd=_.cache(_.process(g.ctoken("sun mon tue wed thu fri sat"),function(s){
	return function(){
	this.weekday=s;
}
;
}
));
	g.M=_.cache(_.process(_.rtoken(/^(1[0-2]|0\d|\d)/),t.month));
	g.MM=_.cache(_.process(_.rtoken(/^(1[0-2]|0\d)/),t.month));
	g.MMM=g.MMMM=_.cache(_.process(g.ctoken("jan feb mar apr may jun jul aug sep oct nov dec"),t.month));
	g.y=_.cache(_.process(_.rtoken(/^(\d\d?)/),t.year));
	g.yy=_.cache(_.process(_.rtoken(/^(\d\d)/),t.year));
	g.yyy=_.cache(_.process(_.rtoken(/^(\d\d?\d?\d?)/),t.year));
	g.yyyy=_.cache(_.process(_.rtoken(/^(\d\d\d\d)/),t.year));
	_fn=function(){
	return _.each(_.any.apply(null,arguments),_.not(g.ctoken2("timeContext")));
}
;
	g.day=_fn(g.d,g.dd);
	g.month=_fn(g.M,g.MMM);
	g.year=_fn(g.yyyy,g.yy);
	g.orientation=_.process(g.ctoken("past future"),function(s){
	return function(){
	this.orient=s;
}
;
}
);
	g.operator=_.process(g.ctoken("add subtract"),function(s){
	return function(){
	this.operator=s;
}
;
}
);
	g.rday=_.process(g.ctoken("yesterday tomorrow today now"),t.rday);
	g.unit=_.process(g.ctoken("minute hour day week month year"),function(s){
	return function(){
	this.unit=s;
}
;
}
);
	g.value=_.process(_.rtoken(/^\d\d?(st|nd|rd|th)?/),function(s){
	return function(){
	this.value=s.replace(/\D/g,"");
}
;
}
);
	g.expression=_.set([g.rday,g.operator,g.value,g.unit,g.orientation,g.ddd,g.MMM]);
	_fn=function(){
	return _.set(arguments,g.datePartDelimiter);
}
;
	g.mdy=_fn(g.ddd,g.month,g.day,g.year);
	g.ymd=_fn(g.ddd,g.year,g.month,g.day);
	g.dmy=_fn(g.ddd,g.day,g.month,g.year);
	g.date=function(s){
	return((g[Date.CultureInfo.dateElementOrder]||g.mdy).call(this,s));
}
;
	g.format=_.process(_.many(_.any(_.process(_.rtoken(/^(dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|zz?z?)/),function(fmt){
	if(g[fmt]){
	return g[fmt];
}
else{
	throw Date.Parsing.Exception(fmt);
}
}
),_.process(_.rtoken(/^[^dMyhHmstz]+/),function(s){
	return _.ignore(_.stoken(s));
}
))),function(rules){
	return _.process(_.each.apply(null,rules),t.finishExact);
}
);
	var _F={
}
;
	var _get=function(f){
	return _F[f]=(_F[f]||g.format(f)[0]);
}
;
	g.formats=function(fx){
	if(fx instanceof Array){
	var rx=[];
	for(var i=0;
	i<fx.length;
	i++){
	rx.push(_get(fx[i]));
}
return _.any.apply(null,rx);
}
else{
	return _get(fx);
}
}
;
	g._formats=g.formats(["yyyy-MM-ddTHH:mm:ss","ddd,MMM dd,yyyy H:mm:ss tt","ddd MMM d yyyy HH:mm:ss zzz","d"]);
	g._start=_.process(_.set([g.date,g.time,g.expression],g.generalDelimiter,g.whiteSpace),t.finish);
	g.start=function(s){
	try{
	var r=g._formats.call({
}
,s);
	if(r[1].length===0){
	return r;
}
}
catch(e){
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return g._start.call({
}
,s);
}
;
}
());
	Date._parse=Date.parse;
	Date.parse=function(s){
	var r=null;
	if(!s){
	return null;
}
try{
	r=Date.Grammar.start.call({
}
,s);
}
catch(e){
	return null;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return((r[1].length===0)?r[0]:null);
}
;
	Date.getParseFunction=function(fx){
	var fn=Date.Grammar.formats(fx);
	return function(s){
	var r=null;
	try{
	r=fn.call({
}
,s);
}
catch(e){
	return null;
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
return((r[1].length===0)?r[0]:null);
}
;
}
;
	Date.parseExact=function(s,fx){
	return Date.getParseFunction(fx)(s);
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
/** * @version:1.0 Alpha-1 * @author:Coolite Inc. http://www.coolite.com/ * @date:2008-04-13 * @copyright:Copyright (c) 2006-2008,Coolite Inc. (http://www.coolite.com/). All rights reserved. * @license:Licensed under The MIT License. See license.txt and http://www.datejs.com/license/. * @website:http://www.datejs.com/ */
 /* ��������;
	����֮�� www.lanrenzhijia.com */
/* * TimeSpan(milliseconds);
	* TimeSpan(days,hours,minutes,seconds);
	* TimeSpan(days,hours,minutes,seconds,milliseconds);
	*/
var TimeSpan = function (days,hours,minutes,seconds,milliseconds){
	var attrs = "days hours minutes seconds milliseconds".split(/\s+/);
	var gFn = function (attr){
	return function (){
	return this[attr];
}
;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 var sFn = function (attr){
	return function (val){
	this[attr] = val;
	return this;
}
;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 for (var i = 0;
	i < attrs.length;
	i++){
	var $a = attrs[i],$b = $a.slice(0,1).toUpperCase() + $a.slice(1);
	TimeSpan.prototype[$a] = 0;
	TimeSpan.prototype["get" + $b] = gFn($a);
	TimeSpan.prototype["set" + $b] = sFn($a);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 if (arguments.length == 4){
	this.setDays(days);
	this.setHours(hours);
	this.setMinutes(minutes);
	this.setSeconds(seconds);
}
else if (arguments.length == 5){
	this.setDays(days);
	this.setHours(hours);
	this.setMinutes(minutes);
	this.setSeconds(seconds);
	this.setMilliseconds(milliseconds);
}
else if (arguments.length == 1 && typeof days == "number"){
	var orient = (days < 0) ? -1:+1;
	this.setMilliseconds(Math.abs(days));
	this.setDays(Math.floor(this.getMilliseconds() / 86400000) * orient);
	this.setMilliseconds(this.getMilliseconds() % 86400000);
	this.setHours(Math.floor(this.getMilliseconds() / 3600000) * orient);
	this.setMilliseconds(this.getMilliseconds() % 3600000);
	this.setMinutes(Math.floor(this.getMilliseconds() / 60000) * orient);
	this.setMilliseconds(this.getMilliseconds() % 60000);
	this.setSeconds(Math.floor(this.getMilliseconds() / 1000) * orient);
	this.setMilliseconds(this.getMilliseconds() % 1000);
	this.setMilliseconds(this.getMilliseconds() * orient);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 this.getTotalMilliseconds = function (){
	return (this.getDays() * 86400000) + (this.getHours() * 3600000) + (this.getMinutes() * 60000) + (this.getSeconds() * 1000);
}
;
	this.compareTo = function (time){
	var t1 = new Date(1970,1,1,this.getHours(),this.getMinutes(),this.getSeconds()),t2;
	if (time === null){
	t2 = new Date(1970,1,1,0,0,0);
}
else{
	t2 = new Date(1970,1,1,time.getHours(),time.getMinutes(),time.getSeconds());
}
return (t1 < t2) ? -1:(t1 > t2) ? 1:0;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 this.equals = function (time){
	return (this.compareTo(time) === 0);
}
;
	this.add = function (time){
	return (time === null) ? this:this.addSeconds(time.getTotalMilliseconds() / 1000);
}
;
	this.subtract = function (time){
	return (time === null) ? this:this.addSeconds(-time.getTotalMilliseconds() / 1000);
}
;
	this.addDays = function (n){
	return new TimeSpan(this.getTotalMilliseconds() + (n * 86400000));
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 this.addHours = function (n){
	return new TimeSpan(this.getTotalMilliseconds() + (n * 3600000));
}
;
	this.addMinutes = function (n){
	return new TimeSpan(this.getTotalMilliseconds() + (n * 60000));
}
;
	this.addSeconds = function (n){
	return new TimeSpan(this.getTotalMilliseconds() + (n * 1000));
}
;
	this.addMilliseconds = function (n){
	return new TimeSpan(this.getTotalMilliseconds() + n);
}
;
	this.get12HourHour = function (){
	return (this.getHours() > 12) ? this.getHours() - 12:(this.getHours() === 0) ? 12:this.getHours();
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 this.getDesignator = function (){
	return (this.getHours() < 12) ? Date.CultureInfo.amDesignator:Date.CultureInfo.pmDesignator;
}
;
	this.toString = function (format){
	this._toString = function (){
	if (this.getDays() !== null && this.getDays() > 0){
	return this.getDays() + "." + this.getHours() + ":" + this.p(this.getMinutes()) + ":" + this.p(this.getSeconds());
}
else{
	return this.getHours() + ":" + this.p(this.getMinutes()) + ":" + this.p(this.getSeconds());
}
}
;
	this.p = function (s){
	return (s.toString().length < 2) ? "0" + s:s;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 var me = this;
	return format ? format.replace(/dd?|HH?|hh?|mm?|ss?|tt?/g,function (format){
	switch (format){
	case "d":return me.getDays();
	case "dd":return me.p(me.getDays());
	case "H":return me.getHours();
	case "HH":return me.p(me.getHours());
	case "h":return me.get12HourHour();
	case "hh":return me.p(me.get12HourHour());
	case "m":return me.getMinutes();
	case "mm":return me.p(me.getMinutes());
	case "s":return me.getSeconds();
	case "ss":return me.p(me.getSeconds());
	case "t":return ((me.getHours() < 12) ? Date.CultureInfo.amDesignator:Date.CultureInfo.pmDesignator).substring(0,1);
	case "tt":return (me.getHours() < 12) ? Date.CultureInfo.amDesignator:Date.CultureInfo.pmDesignator;
}
}
):this._toString();
}
;
	return this;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
/** * Gets the time of day for this date instances. * @return{
	TimeSpan}
TimeSpan */
Date.prototype.getTimeOfDay = function (){
	return new TimeSpan(0,this.getHours(),this.getMinutes(),this.getSeconds(),this.getMilliseconds());
}
;
	/* * TimePeriod(startDate,endDate);
	* TimePeriod(years,months,days,hours,minutes,seconds,milliseconds);
	*/
var TimePeriod = function (years,months,days,hours,minutes,seconds,milliseconds){
	var attrs = "years months days hours minutes seconds milliseconds".split(/\s+/);
	var gFn = function (attr){
	return function (){
	return this[attr];
}
;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */
 var sFn = function (attr){
	return function (val){
	this[attr] = val;
	return this;
}
;
}
;
	for (var i = 0;
	i < attrs.length;
	i++){
	var $a = attrs[i],$b = $a.slice(0,1).toUpperCase() + $a.slice(1);
	TimePeriod.prototype[$a] = 0;
	TimePeriod.prototype["get" + $b] = gFn($a);
	TimePeriod.prototype["set" + $b] = sFn($a);
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 if (arguments.length == 7){
	this.years = years;
	this.months = months;
	this.setDays(days);
	this.setHours(hours);
	this.setMinutes(minutes);
	this.setSeconds(seconds);
	this.setMilliseconds(milliseconds);
}
else if (arguments.length == 2 && arguments[0] instanceof Date && arguments[1] instanceof Date){
	// startDate and endDate as arguments var d1 = years.clone();
	var d2 = months.clone();
	var temp = d1.clone();
	var orient = (d1 > d2) ? -1:+1;
	this.years = d2.getFullYear() - d1.getFullYear();
	temp.addYears(this.years);
	if (orient == +1){
	if (temp > d2){
	if (this.years !== 0){
	this.years--;
}
}
}
else{
	if (temp < d2){
	if (this.years !== 0){
	this.years++;
}
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 d1.addYears(this.years);
	if (orient == +1){
	while (d1 < d2 && d1.clone().addDays(Date.getDaysInMonth(d1.getYear(),d1.getMonth()) ) < d2){
	d1.addMonths(1);
	this.months++;
}
}
else{
	while (d1 > d2 && d1.clone().addDays(-d1.getDaysInMonth()) > d2){
	d1.addMonths(-1);
	this.months--;
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 var diff = d2 - d1;
	if (diff !== 0){
	var ts = new TimeSpan(diff);
	this.setDays(ts.getDays());
	this.setHours(ts.getHours());
	this.setMinutes(ts.getMinutes());
	this.setSeconds(ts.getSeconds());
	this.setMilliseconds(ts.getMilliseconds());
}
}
/* ��������;
	����֮�� www.lanrenzhijia.com */
 return this;
}
;
	/* ��������;
	����֮�� www.lanrenzhijia.com */

CSS代码(zzsc.css):

@charset "utf-8";/* CSS Document */
#iphone{width:640px;height:960px;background-color:black;margin:0 auto;}
#zonedark{width:100%;height:216px;background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/statusbar.png');background-size:contain;background-repeat:no-repeat;}
#zonedark #zonecalcul{color:white;width:604px;height:176px;margin-top:40px;padding-right:36px;display:inline-block;text-align:right;font-size:9em;font-family:calibri;//background-color:rgba(255,120,255,0.8);}
#calculator{width:100%;height:764px;//background-color:white;margin-top:0;}
//Touche Calculator .touche{}
.grisone{width:159px;height:148px;float:left;margin:0px 1px 1px 0px;}
.gristwo{width:160px;height:148px;float:left;margin:0px 1px 1px 0px;}
.gristhree{width:319px;height:148px;float:left;margin-right:1px;}
.orange{width:159px;height:148px;float:left;margin:0px 0px 1px 0px;}
#delete{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/c.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d6d7d9;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#delete:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/c.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d6d7d9;}
#plusmoins{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/plusmoins.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#dbdbdd;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#plusmoins:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/plusmoins.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#dbdbdd;}
#peurcent{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/peurcent.png');background-repeat:no-repeat;background-position:center;width:160px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#dadbdd;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#peurcent:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/peurcent.png');background-repeat:no-repeat;background-position:center;width:144px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#dadbdd;}
#division{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/division.png');background-repeat:no-repeat;background-position:center;background-color:#f89112;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#division:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/division.png');background-repeat:no-repeat;background-position:center;background-color:#f89112;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;}
#seven{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/seven.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d3d4d6;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#seven:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/seven.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d3d4d6;}
#eight{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/eight.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d6d7d9;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#eight:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/eight.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d6d7d9;}
#nine{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/nine.png');background-repeat:no-repeat;background-position:center;width:160px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d6d7d9;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#nine:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/nine.png');background-repeat:no-repeat;background-position:center;width:144px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d6d7d9;}
#multiplication{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/multiplication.png');background-repeat:no-repeat;background-position:center;background-color:#f78d11;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#multiplication:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/multiplication.png');background-repeat:no-repeat;background-position:center;background-color:#f78d11;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;}
#four{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/four.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#ced0d2;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#four:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/four.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#ced0d2;}
#five{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/five.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d1d2d4;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#five:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/five.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d1d2d4;}
#six{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/six.png');background-repeat:no-repeat;background-position:center;width:160px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#d1d3d5;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#six:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/six.png');background-repeat:no-repeat;background-position:center;width:144px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#d1d3d5;}
#moins{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/moins.png');background-repeat:no-repeat;background-position:center;background-color:#f78910;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#moins:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/moins.png');background-repeat:no-repeat;background-position:center;background-color:#f78910;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;}
#one{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/one.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#cacbce;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#one:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/one.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#cacbce;}
#two{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/two.png');background-repeat:no-repeat;background-position:center;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#cbcccf;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#two:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/two.png');background-repeat:no-repeat;background-position:center;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#cbcccf;}
#three{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/three.png');background-repeat:no-repeat;background-position:center;width:160px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#cbcccf;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#three:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/three.png');background-repeat:no-repeat;background-position:center;width:144px;height:130px;float:left;margin:9px 9px 9px 8px;background-color:#cbcccf;}
#plus{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/plus.png');background-repeat:no-repeat;background-position:center;background-color:#f58110;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#plus:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/plus.png');background-repeat:no-repeat;background-position:center;background-color:#f5800f;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;}
#zero{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/zero.png');background-repeat:no-repeat;background-position:50px;width:319px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#c4c6c9;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#zero:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/zero.png');background-repeat:no-repeat;background-position:42px;width:303px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#c4c6c9;}
#virgule{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/virgule.png');background-repeat:no-repeat;background-position:center;width:160px;height:148px;float:left;margin:0px 1px 1px 0px;background-color:#c5c6c9;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#virgule:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/virgule.png');background-repeat:no-repeat;background-position:center;width:144px;height:132px;float:left;margin:9px 9px 9px 8px;background-color:#c5c6c9;}
#egal{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/egal.png');background-repeat:no-repeat;background-position:center;background-color:#f47a0f;width:159px;height:148px;float:left;margin:0px 1px 1px 0px;-webkit-transition:all ease 0.35s;transition:all ease 0.35s;}
#egal:hover{background-image:url('http://webamaury.fr/Doc/CSSD/Calculator/egal.png');background-repeat:no-repeat;background-position:center;background-color:#f47a0f;width:143px;height:132px;float:left;margin:9px 9px 9px 8px;}

附件:下载该文件资源,减少时间成本(增值服务)