jQueryアニメーションセレクター


  翻訳結果:

animated

英[ˈænɪmeɪtɪd] 美[ˈænəˌmetɪd]

adj. 生きている、生きている; 生き生きとした、活動的な; 楽しい; アニメーション ( (animate の過去形)

jQueryアニメーションセレクター構文

関数: :アニメーション セレクターは、現在のアニメーション要素をすべて選択します。

構文: $(":animated")

jQueryアニメーションセレクター例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  function aniDiv(){
    $("#box").animate({width:300},"slow");
    $("#box").animate({width:100},"slow",aniDiv);
  }
  aniDiv();
  $(".btn1").click(function(){
    $(":animated").css("background-color","blue");
  });
});
</script>
<style> 
div
{
background:#98bf21;
height:40px;
width:100px;
position:relative;
margin-bottom:5px;
}
</style>
</head>
<body>
<div></div>
<div id="box"></div>
<div></div>
<button class="btn1">Mark animated element</button>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

人気のおすすめ

ホームページ

ビデオ

に質問