ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jqueryでコントロールの位置を設定する方法

jquery_jqueryでコントロールの位置を設定する方法

WBOY
リリース: 2016-05-16 17:24:50
オリジナル
1263 人が閲覧しました

純粋な JS の記述方法:

コードをコピー コードは次のとおりです:

ドキュメント.getElementById(" child").style.left="800px";
document.getElementById("child").style.top="200px";*/

//offset() はブラウジングに基づいて現在の要素の位置を取得します
var offsettop=$("#unamespan").offset().top;
var offsetleft=$("#unamespan" ).offset ().left;
//position() は親コンテナに基づいて現在の要素の位置を取得します
var Positiontop=$("#unamespan").position().top; ").position().left;

// unamespan の座標に基づいてパネル 2 の位置を設定します
$("#panel2").css({position: "absolute",'top ' :offsettop 100,'left':offsetleft 50,'z-index':2});

まず、コントロールの位置属性を設定する必要があります
位置属性は、要素の位置決めタイプ この属性は、要素のレイアウトを確立するために使用される位置決めメカニズムを定義します。任意の要素を配置できますが、絶対要素または固定要素は、要素自体のタイプに関係なく、ブロック レベルのボックスを生成します。相対的に配置された要素は、通常のフローではデフォルトの位置からオフセットされます。
属性の説明:
1 絶対: 静的配置以外の最初の親要素を基準にして配置される絶対配置要素を生成します。要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。
2 固定では、ブラウザ ウィンドウを基準にして絶対位置の要素が生成されます。要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定されます。

3relative は、通常の位置を基準にして相対的に配置された要素を生成します。したがって、「left:20」は要素の LEFT 位置に 20 ピクセルを追加します。

4 静的なデフォルト値。位置決めを行わない場合、要素は通常のフローで表示されます (上、下、左、右、または z-index 宣言は無視されます)。

5 継承は、position 属性の値を親要素から継承することを指定します。 (この属性は IE ではサポートされていません)

すべての空間位置のデフォルト値は静的であるため、位置決めのために他の属性に設定する必要があります

複数のレイヤーがあり、レイヤーの階層関係を設定する必要がある場合は、z-index 属性を設定する必要があります

z-index 属性は、要素の積み重ね順序を設定します。積み重ね順序が高い要素は常に、積み重ね順序が低い要素の前に表示されます。

注: 要素には負の z-index 属性値を含めることができます。

注: Z インデックスは位置決めされた要素でのみ機能します (位置の値は静的ではありません)。

説明

この属性は、表示領域に対して垂直に伸びる軸として定義される Z 軸に沿って、配置された要素の位置を設定します。正の数の場合はユーザーに近くなり、負の数の場合はユーザーから遠ざかります。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート