[英]jquery animate the page background-color on page load
我試圖在頁面加載時更改網頁的背景顏色。 我認為沒有理由不這樣做,“身體”是我想要操縱的正確元素。 我使用http://docs.jquery.com/UI/Effects/animate作為參考。
$(document).ready(function(){
$("body").animate({ backgroundColor: "#000000" }, 1000);
});
工作演示 http://jsfiddle.net/aqrvA/8/
添加Jquery ui庫也請休息將像火箭一樣工作! <你的代碼很好>
Jquery UI鏈接: http : //jqueryui.com/
希望這有幫助, :)
腳本:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
碼
$(document).ready(function(){
$("html body").animate({ backgroundColor: "#000000" }, 1000);
});
您不能僅使用jQuery為顏色設置動畫。 您必須使用jQuery UI,將動畫擴展為顏色。 看這里 :)
“jQuery UI效果核心擴展了animate功能,以便能夠為顏色設置動畫。這些過渡可以為背景和邊框顏色設置動畫,並接受以hex,rgb和顏色名稱指定的顏色。”
在加載jquery-ui.js
之前,您將無法使用動畫功能
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js
這就是你需要的。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.