人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryのスライドについて

$("#hoge").animate( { width: 'hide' }, 'slow' ) として、

「ABCDE」と書かれている画像を左側に消えるようにしようとすると、
E側(画像の右側)から順に見えなくなるように消えていきますが、

そうではなく、「ABCD」の画像自体が左側に移動して
Aから順に見えなくなって消えていくようには出来ないでしょうか。

よろしくお願いします。

●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●100ポイント ベストアンサー

こんな感じでしょうか。

<script>
$(function() {
 $("#slide").click(function() {
 $("#hoge").animate( { "margin-left": "-355px" }, 'slow' );
 });
});
</script>
<button id="slide">GO !</button><br><br>
<img id="hoge" src="http://f.st-hatena.com/images/fotolife/a/a-kuma3/20140809/20140809174725.png?1407574053">

-355px の 355px は、消えていく画像の幅のサイズです。


jsFiddle で試したのがこちら。
http://jsfiddle.net/a_kuma3/1fsfmxjp/1/


worldtravelさんのコメント
ありがとうございます。 うまく出来ました! 勉強になりました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ