0

初めてjqueryアニメーションを使用しています。アニメーションは.Toggle()または.click()関数で実行できることを読みましたが、ページの読み込み時にdivのbgcolorを変更するとします。私はそれを試しましたが、ここで機能しないのは私のコードです。

<html> 
<head>   
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>   
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery- ui.min.js">
</script>

<script>   $(document).ready(function(){ 
$('block').animate({ backgroundColor: "black" }, 1000);   
});   
</script>   
<style>   
.block { 
color: white;
background-color: #68BFEF;
width: 150px; 
height: 70px;
margin: 10px;    }   
</style> 
</head> <body >   
<div class="block"> hi</div>
 </body> 
</html>
4

2 に答える 2

1

アニメーションは機能しますが、jQueryセレクターが間違っています。

$('.block').animate({ backgroundColor: "black" }, 1000);

'。'に注意してください 'ブロック'の前。ブロック(<block>)という名前のすべての要素を選択していました。'。'を使用すると、クラス'block'のすべての要素が選択されます。

于 2012-07-17T08:18:42.433 に答える
1

jQueryはデフォルトでは色をアニメーション化できません。jQueryUIColorAnimationPluginなどのプラグインをダウンロードして、その機能を利用できるようにすることができます。

于 2012-07-17T08:17:52.167 に答える