CSS動畫效果

發(fā)布日期：2017年06月19日文章來源：www.xqzr6.cn

How to Take Amoxicillin

buy amoxicillin liquid go amoxicillin over the counter

buy prednisolone 25mg tablets

cheap prednisolone

alcoholism treatment uk

naltrexone 50mg go buy naltrexone online

cheap naltrexone uk

buy naltrexone uk

prednisolone cost

prednisolone without prescription redirect buy prednisolone 25mg tablets

accutane without blood tests

buy accutane pills

buy low dose naltrexone canada

buy naltrexone without prescription online buy naltrexone canada

purchase abortion pill online

abortion pill online usa go abortion pill kit

今天給大家介紹一個使用的CSS等待載入動畫！

CSS代碼：

<path id="loading-12-icon" d="M291,82.219c0,16.568-13.432,30-30,30s-30-13.432-30-30s13.432-30,30-30S291,65.65,291,82.219z M261,404.781c-15.188,0-27.5,12.312-27.5,27.5s12.312,27.5,27.5,27.5s27.5-12.312,27.5-27.5S276.188,404.781,261,404.781z M361.504,113.167c-4.142,7.173-13.314,9.631-20.487,5.489c-7.173-4.141-9.631-13.313-5.49-20.487 c4.142-7.173,13.314-9.631,20.488-5.489C363.188,96.821,365.645,105.994,361.504,113.167z M188.484,382.851

c-14.348-8.284-32.697-3.368-40.98,10.98c-8.285,14.349-3.367,32.696,10.98,40.981c14.35,8.283,32.697,3.367,40.98-10.981

C207.75,409.482,202.834,391.135,188.484,382.851z M421.33,184.888c-8.368,4.831-19.07,1.965-23.901-6.404

c-4.832-8.368-1.965-19.07,6.404-23.902c8.368-4.831,19.069-1.964,23.9,6.405C432.566,169.354,429.699,180.056,421.33,184.888z

M135.399,329.767c-8.285-14.35-26.633-19.266-40.982-10.982c-14.348,8.285-19.264,26.633-10.979,40.982

c8.284,14.348,26.632,19.264,40.981,10.98C138.767,362.462,143.683,344.114,135.399,329.767z M436.031,277.249

c-11.044,0-20-8.953-20-19.999c0-11.045,8.955-20.001,20.001-20.001c11.044,0,19.999,8.955,19.999,20.002

C456.031,268.295,447.078,277.249,436.031,277.249z M115.97,257.251c-0.001-16.57-13.433-30.001-30.001-30.002

c-16.568,0.001-29.999,13.432-30,30.002c0.001,16.566,13.433,29.998,30.001,30C102.538,287.249,115.969,273.817,115.97,257.251z

M401.333,364.248c-10.759-6.212-14.446-19.97-8.234-30.73c6.212-10.759,19.971-14.446,30.731-8.233

c10.759,6.211,14.445,19.971,8.232,30.73C425.852,366.774,412.094,370.46,401.333,364.248z M135.398,184.736

c8.285-14.352,3.368-32.698-10.98-40.983c-14.349-8.283-32.695-3.367-40.981,10.982c-8.282,14.348-3.366,32.696,10.981,40.981

C108.768,204,127.115,199.082,135.398,184.736z M326.869,421.328c-6.902-11.953-2.807-27.242,9.148-34.145

s27.243-2.806,34.146,9.149c6.902,11.954,2.806,27.243-9.15,34.145C349.059,437.381,333.771,433.284,326.869,421.328z

M188.482,131.649c14.352-8.286,19.266-26.633,10.982-40.982c-8.285-14.348-26.631-19.264-40.982-10.98

c-14.346,8.285-19.264,26.633-10.98,40.982C155.787,135.017,174.137,139.932,188.482,131.649z"/>

</svg>

</div>

JS代碼：

jQuery("html").addClass('bonfire-html-onload');

jQuery(document.body).on("touchmove", function(e) {

e.preventDefault();

});

var scrollPosition = [

self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,

self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop

];

var html = jQuery('html');

html.data('scroll-position', scrollPosition);

html.data('previous-overflow', html.css('overflow'));

html.css('overflow', 'hidden');

window.scrollTo(scrollPosition[0], scrollPosition[1]);

jQuery(window).load(function() {

setTimeout(function() {

jQuery(".bonfire-pageloader-icon").addClass('bonfire-pageloader-icon-hide');

}, 500);

setTimeout(function() {

jQuery(document.body).unbind('touchmove');

var html = jQuery('html');

var scrollPosition = html.data('scroll-position');

html.css('overflow', html.data('previous-overflow'));

window.scrollTo(scrollPosition[0], scrollPosition[1]);

jQuery("#bonfire-pageloader").addClass('bonfire-pageloader-fade');

jQuery("html").removeClass('bonfire-html-onload');

}, 750);

setTimeout(function() {

jQuery("#bonfire-pageloader").addClass('bonfire-pageloader-hide');

}, 1500);

});

上一篇:簡單的驗證碼代碼

下一篇:input復選框的樣式更改

返回列表

免费看美女被靠到爽,国产午夜极品探花在线,日日摸天天摸人人看,国产热播视频在线观看,超碰在线亚洲无码,三级高清乱伦亚洲,日本熟妇入xxx,久久国产亚洲偷自,亚洲综合日本中文,女人和公牛一级毛片

新聞資訊

CSS動畫效果

免费看美女被靠到爽,国产午夜极品探花在线,日日摸天天摸人人看,国产热播视频在线观看,超碰在线 亚洲无码,三级高清乱伦亚洲,日本熟妇入xxx,久久国产亚洲偷自,亚洲综合日本中文,女人和公牛一级毛片

新聞資訊

CSS動畫效果

免费看美女被靠到爽,国产午夜极品探花在线,日日摸天天摸人人看,国产热播视频在线观看,超碰在线亚洲无码,三级高清乱伦亚洲,日本熟妇入xxx,久久国产亚洲偷自,亚洲综合日本中文,女人和公牛一级毛片