ホームページ > ウェブフロントエンド > jsチュートリアル > フローティング div アダプティブ センターの js コード

フローティング div アダプティブ センターの js コード

WBOY
リリース: 2016-05-16 17:07:39
オリジナル
1180 人が閲覧しました

divがフローティングでブラウザウィンドウが切り替わる際、中央に表示できません(フローティングの場合は通常左右の値が設定されるため)

まず jquery を使用して、ブラウザ (およびリッスン イベント) によって変化する周囲の div の幅を取得できます

の後に、div の幅を取得します。例:

コードをコピーします コードは次のとおりです。 >
関数 autoWidth(){
var bW = $(".call_man").width();//ペリフェラル div

var PopWidth = (bW-150)/2 // (150 は div の幅)
$ ( ".rts").css("left",popWidth); // 取得した値を div に代入します。これは div と左端の間の距離です

}

autoWidth();

window.onresize = autoWidth;//イベントのリスニング

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