HTML5+jQuery制作温馨浪漫爱心表白动画特效 联系客服

发布时间 : 星期四 文章HTML5+jQuery制作温馨浪漫爱心表白动画特效更新完毕开始阅读

this.pos=this.state=0;var

e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop===\ptions.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=

this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,\play=a?a:this.options.display;if(c.css(this.elem,\k\e in this.options.curAnim)c.style(this.elem,

e,this.options.orig[e]);this.options.complete.call(this.elem)}return

false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?\his.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b

c.fx.stop()},stop:function(){clearInterval(W);W=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){c.style(a.elem,\m.style[a.prop]!=null)a.elem.style[a.prop]=(a.prop===\a.now):a.now)+a.unit;else

a.elem[a.prop]=a.now}}});if(c.expr&&c.expr.filters)c.expr.filters.animated=function(a){return

c.grep(c.timers,function(b){return a===b.elem}).length};c.fn.offset=\s.documentElement? function(a){var b=this[0];if(a)return this.each(function(e){c.offset.setOffset(this,a,e)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);var d=b.getBoundingClientRect(),f=b.ownerDocument;b=f.body;f=f.documentElement;return{top:d.top+(self.pageYOffset||c.support.boxModel&&f.scrollTop||b.scrollTop)-(f.clientTop||b.clientTop||0),left:d.left+(self.pageXOffset||c.support.boxModel&&f.scrollLeft||b.scrollLeft)-(f.clientLeft||b.clientLeft||0)}}:function(a){var b= this[0];if(a)return

this.each(function(r){c.offset.setOffset(this,a,r)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return c.offset.bodyOffset(b);c.offset.initialize();var d=b.offsetParent,f=b,e=b.ownerDocument,j,i=e.documentElement,o=e.body;f=(e=e.defaultView)?e.getComputedStyle(b,null):b.currentStyle;for(var

k=b.offsetTop,n=b.offsetLeft;(b=b.parentNode)&&b!==o&&b!==i;){if(c.offset.supportsFixedPosition&&f.position===\

k-=b.scrollTop;n-=b.scrollLeft;if(b===d){k+=b.offsetTop;n+=b.offsetLeft;if(c.offset.doesNotAddBorder&&!(c.offset.doesAddBorderForTableAndCells&&/^t(able|d|h)$/i.test(b.nodeName))){k+=parseFloat(j.borderTopWidth)||0;n+=parseFloat(j.borderLeftWidth)||0}f=d;d=b.offsetParent}if(c.offset.subtractsBorderForOverflowNotVisible&&j.overflow!==\Width)||0;n+=parseFloat(j.borderLeftWidth)||0}f=j}if(f.position===\

ic\

f.position===\return{top:k,left:n}};c.offset={initialize:function(){var

a=s.body,b=s.createElement(\b.style,{position:\den\style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'>

\

a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position=\5;f.style.position=f.style.top=\tsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);

c.offset.initialize=c.noop},bodyOffset:function(a){var

b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,\eturn{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,\n=\

f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,\0;if(c.isFunction(b))b=b.call(a,

d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};\

b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,\arginLeft\at(c.curCSS(b[0],\f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,\tic\a})}});c.each([\d=\e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?\

\d]}});c.each([\d=b.toLowerCase();c.fn[\

this[0]?c.css(this[0],d,false,\

this[0]?c.css(this[0],d,false,f?\f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return\

e&&e.document?e.document.compatMode===\[\

ent\nt[\f===\

Default.css

body{margin:0;padding:0;background:#ffe;font-size:12px;overflow:auto} #mainDiv{width:100%;height:100%}

#loveHeart{float:left;width:670px;height:625px} #garden{width:100%;height:100%}

#elapseClock{text-align:right;font-size:18px;margin-top:10px;margin-bottom:10px} #words{font-family:\#messages{display:none}

#elapseClock .digit{font-family:\

#loveu{padding:5px;font-size:22px;margin-top:80px;margin-right:120px;text-align:right;display:none}

#loveu .signature{margin-top:10px;font-size:20px;font-style:italic} #clickSound{display:none}

#code{float:left;width:440px;height:400px;color:#333;font-family:\m Vera Sans Mono\#code .string{color:#2a36ff}

#code .keyword{color:#7f0055;font-weight:bold}

#code .placeholder{margin-left:15px}#code .space{margin-left:7px} #code .comments{color:#3f7f5f}

#copyright{margin-top:10px;text-align:center;width:100%;color:#666}

#errorMsg{width:100%;text-align:center;font-size:24px;position:absolute;top:100px;left:0} #copyright a{color:#666}

Word文档下载:HTML5+jQuery制作温馨浪漫爱心表白动画特效.doc
搜索更多:HTML5+jQuery制作温馨浪漫爱心表白动画特效


最新浏览