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

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

WBOY
WBOYオリジナル
2016-05-16 17:07:391178ブラウズ

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;//イベントのリスニング

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。