浮動(dòng)的div自適應(yīng)居中顯示的js代碼
更新時(shí)間：2013年12月23日 16:03:18 作者：
這篇文章主要介紹了浮動(dòng)的div自適應(yīng)居中顯示的js代碼，有需要的朋友可以參考一下
當(dāng)div是浮動(dòng)的時(shí)候?yàn)g覽器窗口發(fā)生變化的時(shí)候不能居中顯示（因?yàn)楦?dòng)的時(shí)候一般設(shè)定的有l(wèi)eft或者right值）
可以先用jquery獲取外圍的div隨瀏覽器變化而變化的寬度（加上監(jiān)聽(tīng)事件）
之后再獲取div的寬度 例如：
復(fù)制代碼 代碼如下:
function autoWidth(){
var bW = $(".call_man").width();//外圍的div
var popWidth = (bW-150)/2 //（150是div的寬度）
$(".rts").css("left",popWidth); //把取得值賦給div 就是div距離左側(cè)的距離
}
autoWidth();
window.onresize = autoWidth;//監(jiān)聽(tīng)事件
相關(guān)文章
javascript中的緩動(dòng)效果實(shí)現(xiàn)程序
javascript中的緩動(dòng)效果可以應(yīng)用于很多地方，比如距離位移上的變化：圖片的滾動(dòng)、焦點(diǎn)圖的輪轉(zhuǎn)切換，透明度上的變化：漸隱漸現(xiàn)。凡是存在運(yùn)動(dòng)的狀態(tài)都適用，下面以最基本的塊在容器內(nèi)從左到右滑動(dòng)為例，講下幾種不同的緩動(dòng)處理方式2012-12-12
js實(shí)現(xiàn)提交前對(duì)列表數(shù)據(jù)的增刪改查
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)提交前對(duì)列表數(shù)據(jù)的增刪改查，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
提供一個(gè) JS String 包，包含了一些常用的對(duì)字符串操作的函數(shù)，詳細(xì)的請(qǐng)看源碼及演示2010-10-10
這篇文章主要為大家介紹了前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-12-12
淺談javascript中的instanceof和typeof
這篇文章主要簡(jiǎn)單介紹了javascript中的instanceof和typeof的相關(guān)資料,需要的朋友可以參考下2015-02-02
JS ToolTip提示效果，喜歡的朋友可以參考下。2010-07-07
offsetHeight在OnLoad中獲取為0的現(xiàn)象
需要獲取div的高度時(shí)，往往需要用到offsetHeight，有時(shí)會(huì)碰到offsetHeight獲取到為0的現(xiàn)象，感興趣的朋友可以參考下面的代碼片段2013-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)京東秒殺效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
淺談Webpack自動(dòng)化構(gòu)建實(shí)踐指南
本篇文章主要介紹了Webpack自動(dòng)化構(gòu)建實(shí)踐指南，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
JavaScript如何實(shí)現(xiàn)圖片處理與合成
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)圖片處理與合成,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05