DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 網頁代碼加載完成後執行transition
網頁代碼加載完成後執行transition
編輯:CSS詳解     
文章簡介:網頁代碼加載完畢再執行transition。

首先給body添加preload這個class,然後給所有的元素執行transition為none,最後通過JS判斷,加載完畢把body上的preload這個class去掉

<body class="preload">
.preload * {   -webkit-transition: none !important;   -moz-transition: none !important;   -ms-transition: none !important;   -o-transition: none !important; }
$("window").load(function() {   $("body").removeClass("preload"); });
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved