2010-12-15 2 views
0

だから状況は次のようになります。特定のdivを1つ移動する

私は2つのdivsを1つずつ並べます。私はそれらを次々と定義し、最初の部分と重なるように2番目のdivのmargin-topプロパティを使いました。

私がする必要があるのは、ある点までオフスクリーンになるように最初のdivを設定することです。私がこれまで使用しようとしているもの(普通のjavascriptやjquery関数)は、私が使用しているプロパティを変更するようです。すべて問題のファイルではなくdivファイルです。

特定のdivのプロパティを変更せずにプロパティを変更する方法はありますか?

ありがとうございました。

答えて

1

はい、IDによってDIVを指定

<div id='div1'>hi</div> 
<div id='div2'>bye</div> 
<span id='show2'>show2</span> 
<script> 

$(document).ready(function(){ 

    $('#div2').hide(); 

    $('#show2').click(function(){ 
    $('#div2').show(); 
    }); 
}); 

</script> 

+0

、それを呼び出しますこの場合、idで指定したにもかかわらず、すべてのdivに対してその値が変更されます)。また、単にshow/hide関数を使用すると動作しません。私はそれを後ろに移動するときまでオフスクリーンのどこかに住むようにdivを設定する必要があります。何か案は?おかげでたくさんの人。 – rjk

+0

あなたのコードスニペットを投稿できますか? – Ilyssis

0

ためhereを参照してくださいjqueryの$を持つdiv要素を選択し

<div id="first">...</div> 
<div id="second">...</div> 

のようにdiv要素にIDを適用します( "#最初の")...

+1

私はidを使ってdivを参照しようとしました...しかし、jquery(この場合はmargin-top)で特定のCSSプロパティを変更すると、idで指定されていてもすべてのdivに対して変更されます。また、単にshow/hide関数を使用すると動作しません。私はそれを後ろに移動するときまでオフスクリーンのどこかに住むようにdivを設定する必要があります。何か案は?おかげでたくさんの人。 – rjk

0

IDを渡すのはどうですか?

<div id="specificDiv"> 
    <!-- Content --> 
</div> 

..andその後、次のようにマージントップ(私はdiv要素を参照するためのIDを使用してみました...しかし、私はjQueryを使って特定のCSSプロパティを変更するとき

$('#specificDiv') //assuming you're using jQuery.. 
+0

私はidを使ってdivを参照しようとしました...しかし、jquery(この場合はmargin-top)で特定のCSSプロパティを変更すると、idで指定したにもかかわらずすべてのdivに対して変更されます。 また、表示/非表示機能を使用するだけでは機能しません。私はそれを後ろに移動するときまでオフスクリーンのどこかに住むようにdivを設定する必要があります。 アイデア?おかげでたくさんの人。 – rjk

+0

Hey Ryan、マークアップと相対的なjavascriptコードを表示できますか?何らかのアニメーション効果を達成しようとしていますか? –

+0

ええ、jqueryを使ってdivの背景画像をフェードインしています。私はそれの上にフラッシュファイルを持つ別のdivを持っている。問題は、フラッシュのボタンが機能しないのは、下のdivがアニメーション化されている(または隠されている間に、理由は分かりません)ので、私はちょうどその理由が必要なときにオフラインの低いdivを移動しようとしていますボタンを機能させる。 実際には、オフラインの下位のdivの位置を設定するコードが必要です。それから私はそれを元に戻すことができます。それがオフスクリーンである限り、それをアニメーション化することができます。 投稿するコードがわかりませんが、関連性があります。 – rjk

関連する問題