added first three mockups
This commit is contained in:
+5830
File diff suppressed because it is too large
Load Diff
+99
@@ -0,0 +1,99 @@
|
||||
body{
|
||||
margin:60px;
|
||||
font-family:"Open Sans";
|
||||
background:#ddd;
|
||||
font-weight:normal;
|
||||
color:#777;
|
||||
}
|
||||
|
||||
section{
|
||||
margin-bottom:30px;
|
||||
-webkit-box-shadow: 10px 10px 0px -1px rgba(0,0,0,0.05);
|
||||
-moz-box-shadow: 10px 10px 0px -1px rgba(0,0,0,0.05);
|
||||
box-shadow: 10px 10px 0px -1px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
section.bg-color{
|
||||
background:#f5f5f5;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
.expand{
|
||||
background:#fefffa;
|
||||
border-bottom:solid 1px #eee;
|
||||
}
|
||||
|
||||
.expand .title{
|
||||
color:#386BB1;
|
||||
font-weight:bold;
|
||||
padding:20px;
|
||||
background:#f5f5f5;
|
||||
cursor:pointer;
|
||||
-webkit-user-select: none; /* Chrome all / Safari all */
|
||||
-moz-user-select: none; /* Firefox all */
|
||||
-ms-user-select: none; /* IE 10+ */
|
||||
user-select: none; /* Likely future */
|
||||
|
||||
}
|
||||
|
||||
.expand .content{
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
h1{
|
||||
|
||||
font-size:32px;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
display:block;
|
||||
font-size:18px;
|
||||
padding:20px;
|
||||
background:#f5f5f5;
|
||||
margin:0;
|
||||
border-bottom:solid 1px #eee;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
color:#386BB1;
|
||||
}
|
||||
|
||||
.btn-primary{
|
||||
background:#386BB1;
|
||||
border-color:#386BB1;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
font: normal 12px/24px "Courier New", Courier, monospace !important;
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
background-image: -webkit-repeating-linear-gradient(top, #fefefe 0px, #fefefe 24px, #f5f5f5 24px, #f5f5f5 48px);
|
||||
background-image: -moz-repeating-linear-gradient(top, #fefefe 0px, #fefefe 24px, #f5f5f5 24px, #f5f5f5 48px);
|
||||
background-image: -ms-repeating-linear-gradient(top, #fefefe 0px, #fefefe 24px, #f5f5f5 24px, #f5f5f5 48px);
|
||||
background-image: -o-repeating-linear-gradient(top, #fefefe 0px, #fefefe 24px, #f5f5f5 24px, #f5f5f5 48px);
|
||||
background-image: repeating-linear-gradient(top, #fefefe 0px, #fefefe 24px, #f5f5f5 24px, #f5f5f5 48px);
|
||||
padding: 0em 1em;
|
||||
overflow: auto;
|
||||
border: solid 1px #eee;
|
||||
margin:20px 0 20px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
pre strong {
|
||||
color: #390;
|
||||
}
|
||||
|
||||
.mt15{
|
||||
margin-top:15px;
|
||||
}
|
||||
.mt20{
|
||||
margin-top:20px;
|
||||
}
|
||||
+211
@@ -0,0 +1,211 @@
|
||||
<!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>Documentation</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
|
||||
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="bg-color">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<h1><img src="logo.png" class="img-responsive" alt="" /></h1>
|
||||
</div>
|
||||
<div class="col-md-7">Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to ask via item's comments. Also please don't forget to give item ratings! Thanks so much! :)
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Basics</h2>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">HTML Structure</div>
|
||||
<div class="content">This template using Bootstrap framework. Main content is placed between header and footer area. The content is nested within <strong><div id="content"></strong>.
|
||||
|
||||
<pre>... header area ...
|
||||
|
||||
<div id="<strong>content</strong>">
|
||||
<div class="<strong>container</strong>">
|
||||
<div class="<strong>row</strong>">
|
||||
<div class="<strong>col-md-4</strong>">
|
||||
this is your content
|
||||
</div>
|
||||
<div class="<strong>col-md-8</strong>"><strong>
|
||||
</strong> this is your content
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="<strong>container</strong>">
|
||||
<div class="<strong>row</strong>">
|
||||
this is your content
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
... footer area ...
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Create Columns</div>
|
||||
<div class="content">
|
||||
For a simple two column layout, create a <strong>.row</strong> and add the appropriate number of <strong>.col-md-*</strong> columns. As this is a 12-column grid, each <strong>.col-md-*</strong> spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).
|
||||
Click <a href="http://getbootstrap.com/2.3.2/scaffolding.html">here</a> for more information.
|
||||
<pre><div class="<strong>row</strong>"><br> <div class="<strong>col-md-6</strong>"> this is 1/2 columns </div><br> <div class="<strong>col-md-6</strong>"> this is 1/2 columns </div><br></div>
|
||||
|
||||
<div class="<strong>row</strong>"><br> <div class="<strong>col-md-4</strong>"> this is 1/3 columns </div><br> <div class="<strong>col-md-8</strong>"> this is 2/3 columns </div><br></div>
|
||||
|
||||
<div class="<strong>row</strong>"><br> <div class="<strong>col-md-3</strong>"> this is 1/4 columns </div><br> <div class="<strong>col-md-9</strong>"> this is 3/4 columns </div><br></div></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Header & Logo Settings</h2>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Change header style</div>
|
||||
<div class="content">
|
||||
<p>Open file <strong>designesia.js</strong> then change <strong>de_header_style</strong> value. </p>
|
||||
<p>Value: 1 - solid, 2 - transparent</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Change header layout</div>
|
||||
<div class="content">
|
||||
<p>Open file <strong>designesia.js</strong> then change<strong> de_header_layout </strong>value. </p>
|
||||
<p>Value: 1 - default, 2 - extended</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Change menu separator</div>
|
||||
<div class="content">
|
||||
<p>Open file <strong>designesia.js</strong> then change <strong>de_menu_separator </strong> value. </p>
|
||||
<p>Value: 1 - dotted, 2 - border, 3 - circle, 4 - square, 5 - plus, 6 - strip, 0 - none</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>CSS</h2>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">List of CSS files</div>
|
||||
<div class="content">
|
||||
<ul>
|
||||
<li><strong>animate.css</strong> - used to make animation </li>
|
||||
<li><strong>bg.css</strong> - used to set background for all section and subheader</li>
|
||||
<li><strong>bootstrap.css</strong> - main css framework for this theme</li>
|
||||
<li><strong>color.css</strong> - used to load color for template</li>
|
||||
<li><strong>magnific-popup.css</strong> - for maginfic popup jquery</li>
|
||||
<li><strong>owl.carousel.css, owl.theme.css, owl.transitions.css</strong> - for owl carousel jquery</li>
|
||||
<li><strong>plugin.css</strong> - overwrite default plugin css</li>
|
||||
<li><strong>rev-settings.css</strong> - custom css for Revolution Slider</li>
|
||||
<li><strong>style.css</strong> - main css file for this template</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Change accent color</div>
|
||||
<div class="content">To change accent color with premade color, open file <strong>css/color.css</strong> then replace value inside "colors/green.css" with other css file name.<br /> All premade color on this template can be found inside folder <strong>css/color/</strong>.</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Background settings for section and subheader</div>
|
||||
<div class="content">All section/subheader background on this template can be edited within file css/bg.css</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Javascript</h2>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">List of javascipt files</div>
|
||||
<div class="content">
|
||||
<ul>
|
||||
<li><strong>jquery.min.js</strong> - http://docs.jquery.com/Downloading_jQuery</li>
|
||||
<li><strong>bootstrap.min.js</strong> - bootstrap js file</li>
|
||||
<li><strong>designesia.js</strong> - custom js file</li>
|
||||
<li><strong>jquery.isotope.min.js</strong> - used in gallery page</li>
|
||||
<li><strong>jquery.magnific-popup.min.js</strong> - used to open popup image</li>
|
||||
<li><strong>easing.js</strong> - http://archive.plugins.jquery.com/project/Easing</li>
|
||||
<li><strong>jquery.ui.totop.js</strong> - used to scroll to top</li>
|
||||
<li><strong>validation.js</strong> - used for contact form validation</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Animate object on scroll</div>
|
||||
<div class="content">Open file <strong>designesia.js</strong> then change <strong>logo_dir_1</strong> value.<br>
|
||||
<p>Select an object that you want to animate. As example you want create animate for H1 element. You can see below: </p>
|
||||
<pre><h1 class=<strong>"wow fadeIn"</strong> data-wow-delay=<strong>".2s" data-wow-duration=".5s"</strong>>Animate Text</h1>
|
||||
</pre>
|
||||
<ul>
|
||||
<li>You must add class name "<strong>wow</strong>" for object that you want to animate.
|
||||
</li>
|
||||
<li><strong>fadeIn</strong>: sample type of animation. You can see all animation available from: <a href="http://daneden.github.io/animate.css/">http://daneden.github.io/animate.css/</a></li>
|
||||
<li><strong>data-wow-delay</strong>: determine when animation will start (on second)</li>
|
||||
<li><strong>data-wow-duration</strong>: determine duration of animation (on second)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Create parallax background</div>
|
||||
<div class="content">
|
||||
<ol>
|
||||
<li>
|
||||
Create a section tag then give it an id name.
|
||||
<pre><section <strong>id</strong>="my-section">...content here...</section></pre>
|
||||
</li>
|
||||
<li>
|
||||
Add attribute data-stellar-background-ratio for scroll speed.
|
||||
<pre><section <strong>id</strong>="my-section" data-stellar-background-ratio=".2">...content here...</section> </pre></li>
|
||||
<li>
|
||||
Open <strong>bg.css</strong> file, set background image for your section.
|
||||
<pre>#my-section{
|
||||
background-image:my-bg-image.jpg;
|
||||
}</pre>
|
||||
</li>
|
||||
<li> Done. </li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expand">
|
||||
<div class="title">Change contact form email address </div>
|
||||
<div class="content">Open > <strong>email.php</strong>. Change<strong> $to</strong> value with your email.</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</body>
|
||||
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<script src="js/easing.js"></script>
|
||||
<script src="js/custom.js"></script>
|
||||
|
||||
</html>
|
||||
BIN
Binary file not shown.
+27
@@ -0,0 +1,27 @@
|
||||
// © Copyright 2015 - Archi by Designesia
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
'use strict'; // use strict mode
|
||||
|
||||
jQuery(".expand .content").hide();
|
||||
|
||||
// expand box
|
||||
jQuery(".expand .title").on( "click", function() {
|
||||
var iteration = $(this).data('iteration') || 1;
|
||||
switch (iteration) {
|
||||
case 1:
|
||||
$(this).parent().find('.content').slideToggle();
|
||||
break;
|
||||
|
||||
case 2:
|
||||
$(this).parent().find('.content').slideToggle();
|
||||
break;
|
||||
}
|
||||
iteration++;
|
||||
if (iteration > 2) iteration = 1;
|
||||
$(this).data('iteration', iteration);
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
+205
@@ -0,0 +1,205 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
+4
File diff suppressed because one or more lines are too long
BIN
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Reference in New Issue
Block a user