![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
例の場合なら、animateをqueueに登録せず、
即座に実行すれば並列になりますよ。
$(function(){
$("#photo").fadeIn(1000).delay(3000).fadeOut(1000);
$("#photo").animate({"left":"350px"},{duration:5000, queue:false});
});
No.1
- 回答日時:
複雑な動作の場合は、自作してコントロールするほうが簡単と思いますが、ご提示の例であれば…
動作を3分割して実行してみると、全体の連続性がうまくなさそうでした。
それなので、連続している右移動に対して他の処理を付加する方法で…
以下、一例です。
var op = function(s){
return s<0.2?s*5:(s<0.8?1:1-(s-0.8)*5);
}
var p = $("#photo").css("opacity", 0).show();
p.css("opacity", 0).show()
.animate({left:350}, {duration:5000, step:function(s){
p.css("opacity", op(s/350));
}
});
この回答へのお礼
お礼日時:2013/10/05 19:49
お世話になっております。
簡単に出来るのかな~?と思っておりましたが
かなり難しいですね。
>複雑な動作の場合は、自作してコントロールするほうが簡単
そうなれるように頑張ります・・・。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- その他(プログラミング・Web制作) pythonのプログラムについての質問です。 1 2023/05/26 10:31
- Visual Basic(VBA) マクロVBA 1シートをまとめる 閉じ方 初心者 SOS! 1 2022/06/17 14:54
- JavaScript 【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい 1 2022/07/29 20:52
- その他(プログラミング・Web制作) どういうプログラムで組みますか?google colabでやってるんですけど、出来る方お願いします。 1 2022/07/17 18:41
- その他(プログラミング・Web制作) どういうプログラムで組みますか?google colabでやってるんですけど、出来る方お願いします。 1 2022/07/06 09:28
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- その他(プログラミング・Web制作) このプログラミングをどう組みますか? Googlecolabでやってるんですが、出来る方お願いします 1 2022/07/13 10:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
jQueryでzipを解凍読み込みする...
-
シューティングゲームの作り方
-
ページ内に複数表がある場合のT...
-
クリックすると上に開くアコー...
-
jslintのエラーについて質問
-
jQueryの :not() .not() が有効...
-
ActiveXobjectが作成できない
-
同じIDで定義した要素の配列を...
-
<a>タグのテキストを取得
-
C#テキストボックスの文字を配...
-
ローカルにあるファイルを検索...
-
window.openでタイトル名の指定
-
document.onkeydownについて
-
googleスプレッドシートのApps ...
-
C#OpenCv V4にのエラーに関する...
-
なぜmatchメソッドがエラーにな...
-
助けてください‼︎ javascriptで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jslintのエラーについて質問
-
要素名がスペースを含む場合のj...
-
javascript(jQuery)でセル内...
-
ajax反映後のjqueryが動かない
-
jQueryの :not() .not() が有効...
-
getElementByIdを使用したグロ...
-
コードをスマートにさせたい。
-
クリックすると上に開くアコー...
-
jQueryの"return false"の役割...
-
jQueryが読み込めない
-
個別では動く、javascriptのエラー
-
一つのアクションで関数を二つ...
-
jqueryの変数を関数の外に出す方法
-
R言語
-
jQuery|:not(:animated)
-
即時関数でプライベート変数的...
-
スムーズに動く アニメーション...
おすすめ情報