jQuery Animation Effects - Chandigarh

In today’s post, we are going to share knowledge about animation effects using jQuery

Example:
DOCTYPE html>
html>
head>
script src=”jquery.min.js”script>
script>
document).ready(function(){
“button”).click(function(){
“div”).animate({left: ‘250px’});
});
});
script>
head>
body>
button>Go for it</button>
p>After creating a website all given elements get a stationary position due to which they can’t move.
To change their position

we have to add CSS on the element to make them move.</p>
div style=”background:#98bf21;height:100px;width:100px;position: absolute;”div>
body>
html>

jQuery :

jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license
function(e, t){“use strict”;”object”==typeof module&&”object”==typeof module.exports? module.exports=e.document? t(e,!0): function(e){if(! e.document)throw new Error(“jQuery requires a window with a document”);return t(e)}: t(e)}(“undefined”!=typeof window? window: this, function(C, e){“use strict”;var tE=C.document, r=Object.getPrototypeOf, s=t.slice, g=t.concat, u=t.push, i=t.indexOf, n={}, o=n.toString, v=n.hasOwnProperty, a=v.toString, l=a.call(Object), y={}, m=function(e){return”function”==typeof e&&”number”!=typeof e.nodeType}, x=function(e){return null!=e&&ee.window}, c={type:!0, src:!0, nonce:!0, noModule:!0};function b(e, t, n){var r, i, o=(n=n|| E).createElement(“script”);if(o.text=e, t)for(r in c)(i=t[rt.getAttribute&&t.getAttribute(ro.setAttribute(r, i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e? e+””:”object”==typeof e||”function”==typeof e? n[o.call(e”object”: typeof e}var f=”3.4.1″, k=function(e, t){return new k.fn.init(e, t)}, ps\uFEFF\xA0s\uFEFF\xA0g;function d(e){var te&&”length”in e&&e.length, n=w(e);return! m(ex(e“array”n||0t||”number”==typeof t&&0<t&&t-1 in e)}k.fn=k.prototype={jquery: f, constructor: k, length:0, toArray: function(){return s.call(this)}, get: function(e){return null==e? s.call(this): e<0? this[e+this.length]: this[e]}, pushStack: function(e){var t=k.merge(this.constructore);return t.prevObject=this, t}, each: function(e){return k.each(this, e)}, map: function(n){return this.pushStack(k.map(this, function(e, t){return n.call(e, t, e)}))}, slice: function(){return this.pushStack(s.apply(this, arguments))}, first: function(){return this.eq(0)}, last: function(){return this.eq(-1)}, eq: function(e){var t=this.length, n=+e+(e<0? t:0);return this.pushStack(0<=n&&n<t?[this[n}, end: function(){return this.prevObject|| this.constructor()}, push: u, sort: t.sort, splice: t.splice}, k.extend=k.fn.extend=function(){var e, t, n, r, i, o, a=arguments[0{}, s=1, u=arguments.length, l=!1;for(“boolean”==typeof al=a, a=arguments[s{}, s”object”==typeof a|| m(aa={}), sua=this, s–);s<u;sif(nulle=arguments[sfor(t in e)r=e[t],”__proto__”t&&arl&&rk.isPlainObject(ri=Array.isArray(r?(n=a[t], o=iArray.isArray(n)? i|| k.isPlainObject(n)? n:{}, i=!1, a[t]=k.extend(l, o, rvoid 0ra[t]=rreturn a}, k.extend({expando:”jQuery”+(f+Math.random.replaceD/g,””), isReady:!0, error: function(e){throw new Error(e)}, noop: function(){}, isPlainObject: function(e){var t, n;returne||”[object Object]”o.call(et=r(e”function”==typeof(n=v.call(t,”constructor”t.constructora.call(nl)}, isEmptyObject: function(e){var t;for(t in e)return!1;return!0}, globalEval: function(e, t){b(e,{nonce: t&&t.nonce})}, each: function(e, t){var n, r=0;if(d(e)){for(n=e.length;r<n;rif(!1t.call(e[r], r, e[rbreak}else for(r in e)if(!1t.call(e[r], r, e[rbreak;return e}, trim: function(e){return null==e?””:(e+””).replace(p,””)}, makeArray: function(e, t){var n=treturn null!=ed(Object(e))? k.merge(n,”string”==typeof e?[e]: e): u.call(n, en}, inArray: function(e, t, n){return null==t?-1: i.call(t, e, n)}, merge: function(e, t){for(var n=+t.length, r=0, i=e.length;r<n;re[it[r];return e.length=i, e}, grep: function(e, t, n){for(var ri=0, o=e.length, a=! n;i<o;it(e[i], ia&&r.push(e[ireturn r}, map: function(e, t, n){var r, i, o=0, aif(d(e))for(r=e.length;o<r;onulli=t(e[o], o, na.push(i);else for(o in e)nulli=t(e[o], o, na.push(i);return g.applya)}, guid:1, support: y}),”function”==typeof Symbolk.fn[Symbol.iterator]=t[Symbol.iteratork.each(“Boolean Number String Function Array Date RegExp Object Error Symbol”.split(” “), function(e, t){n[“[object “+t+”]”]=t.toLowerCase()});var h=function(n){var e, d, b, o, i, h, f, g, w, u, l, T, C, a, E, v, s, c, y, k=”sizzle”+1*new Date, m=n.document, S=0, r=0, p=uex=ueN=ueA=ueD=function(e, t){return etl=!0),0}, j={}.hasOwnProperty, tq=t.pop, L=t.push, H=t.push, O=t.slice, P=function(e, t){for(var n=0, r=e.length;n<r;nif(e[nt)return n;return-1}, R=”checked| selected| async| autofocus| autoplay| controls| defer| disabled| hidden| ismap| loop| multiple| open| readonly| required| scoped”, M=”x20\\t\\r\\n\\f]”, I=”(?.w0xa0”, W=”“+M+”*(“+I+”)(?:”+M+”?=)”+M+”*(??.’’|\”((?.””|(“+I+””+M+”””:(“+I+”)(?‘((?.’’|\”((?.””?.”+W+”.”, F=new RegExp(M+”+”,”g”), B=new RegExp(“^”+M+”??.”+M+”+$”,”g”new RegExp(“^”+M+”*,”+M+”*”), z=new RegExp(“^”+M+””+M+”)”+M+”*”), U=new RegExp(M+”|>”), X=new RegExpV=new RegExp(“^”+I+”$”), G={ID: new RegExp(““+I+”)”), CLASS: new RegExp(“.(“+I+”)”), TAG: new RegExp(“^(“+I+””), ATTR: new RegExp(“^”+W), PSEUDO: new RegExp(“^”CHILD: new RegExp(“only| first| last| nth| nth-lastchild| of-type)(?“+M+”*(even| oddd*)n|)”+M+”*(?”+M+”d”+M+””,”i”), bool: new RegExp(“^(?:”+R+”)$”,”i”), needsContext: new RegExp(“^”+M+”even| odd| eq| gt| lt| nth| first| last)(?“+M+”? d)?\\d*)”+M+”?”,”i”)}, Y=/HTML$/i, Q?: input| select| textarea| buttoni, Jh\d$/i, K{{\snative \w/, Z? ww.weete=new RegExp(“da-f]{1,6}”+M+”?|(“+M+”)|.)”,”ig”), ne=function(e, t, n){var r=”0x”+t-65536;return r!=r|| n? t: r<0? String.fromCharCode(r+65536): String.fromCharCode(r>>10|55296,1023&r|56320)}, re0-\x1f\x7f?\d0-\x1f\x7f-\uFFFF\wg, ie=function(e, t){return t?”\0″e?”\ufffd”: e.slice(0,-1)+”\\”+e.charCodeAt(e.length-1).toString(16)+” “:”\\”+e}, oe=function(){T()}, ae=be(function(e){return!0e.disabled&&”fieldset”e.nodeName.toLowerCase()},{dir:”parentNode”, next:”legend”});try{H.apply(t=O.call(m.childNodes), m.childNodes), t[m.childNodes.length].nodeType}catch(e){H={apply: t.length? function(e, t){L.apply(e, O.call(t))}: function(e, t){var n=e.length, r=0;while(e[nt[re.length=n-1}}}function se(t, e, n, r){var i, o, a, s, u, l, c, f=e&&e.ownerDocument, p=e? e.nodeType:9;if(n=n”string”!=typeof tt||1p&&9p&&11p)return n;if(! re? e.ownerDocument|| e: mC&&T(e), e=e|| C, E)){if(11pu=Z.exec(tif(i=u[1]){if(9p){ifa=e.getElementById(ireturn n;if(a.idi)return n.push(a), n}else if(fa=f.getElementById(iy(e, aa.idi)return n.push(a), n}else{if(u[2])return H.apply(n, e.getElementsByTagName(tn;if((i=u[3d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n, e.getElementsByClassName(in}if(d.qsaA[t+” “vv.test(t1p||”object”e.nodeName.toLowerCase{if(c=t, f=e,1p&&U.test(t)){(s=e.getAttribute(“id”))? s=s.replace(re, ie): e.setAttribute(“id”, s=k), o=(l=h(t)).length;while(o–)l[o]=”#”+s+” “+xe(l[oc=l.join(“,”), f=ee.test(tye(e.parentNodee}try{return H.apply(n, f.querySelectorAll(cn}catch(e){A(t,!0)}finally{sk&&e.removeAttribute(“id”)}}}return g(t.replace(B,”$1″), e, n, r)}function ue(){var rreturn function e(t, n){return r.push(t+” “)>b.cacheLength&&delete e[r.shifte[t+” “]=n}}function le(e){return e[k0, e}function ce(e){var t=C.createElement(“fieldset”);try{return!! e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t), t=null}}function fe(e, t){var n=e.split(“|”), r=n.length;while(r–)b.attrHandle[n[rt}function pe(e, t){var n=t&&e, r=n&&1e.nodeType&&1t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(nt)return-1;return e?1:-1}function de(t){return function(e){return”input”e.nodeName.toLowerCasee.typet}}function he(n){return function(e){var t=e.nodeName.toLowerCasereturn(“input”t||”button”te.typen}}function ge(t){return function(e){return”form”in e? e.parentNode1e.disabled?”label”in e?”label”in e.parentNode? e.parentNode.disabledt: e.disabledt: e.isDisabledt|| e.isDisabledt&&ae(et: e.disabledt:”label”in e&&e.disabledt}}function ve(a){return le(function(o){return o=+o, le(function(e, t){var n, r=ae.length, o), i=r.length;while(i–)e[n=r[ie[nt[n]=e[n})})}function ye(e){return e&&”undefined”!=typeof e.getElementsByTagName&&e}for(e in d=se.support={}, i=se.isXML=function(e){var t=e.namespaceURI, n=(e.ownerDocument|| e).documentElement;return! Y.test(t|| n&&n.nodeName||”HTML”)}, T=se.setDocument=function(e){var t, n, r=e? e.ownerDocument|| e: m;return rC&&9r.nodeType&&r.documentElementa=(C=r).documentElement, E=! i(C), mCn=C.defaultViewn.topnn.addEventListener? n.addEventListener(“unload”, oe,!1): n.attachEvent&&n.attachEvent(“onunload”, oed.attributes=ce(function(e){return e.className=”i”,! e.getAttribute(“className”)}), d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment(“”e.getElementsByTagName(“*”).length}), d.getElementsByClassName=K.test(C.getElementsByClassName), d.getById=ce(function(e){return a.appendChild(e).id=k,! C.getElementsByNameC.getElementsByName(k).length}), d.getById?(b.filter.ID=function(e){var t=e.replace(te, ne);return function(e){return e.getAttribute(“id”t}}, b.find.ID=function(e, t){if(“undefined”!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n}}b.filter.ID=function(e){var n=e.replace(te, ne);return function(e){var t=”undefined”!=typeof e.getAttributeNode&&e.getAttributeNode(“id”);return t&&t.va