欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

浮動的div自適應(yīng)居中顯示的js代碼

 更新時間:2013年12月23日 16:03:18   作者:  
這篇文章主要介紹了浮動的div自適應(yīng)居中顯示的js代碼,有需要的朋友可以參考一下

當(dāng)div是浮動的時候瀏覽器窗口發(fā)生變化的時候不能居中顯示(因為浮動的時候一般設(shè)定的有l(wèi)eft或者right值)

可以先用jquery獲取外圍的div隨瀏覽器變化而變化的寬度(加上監(jiān)聽事件)

之后再獲取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)聽事件

相關(guān)文章

  • javascript中的緩動效果實現(xiàn)程序

    javascript中的緩動效果實現(xiàn)程序

    javascript中的緩動效果可以應(yīng)用于很多地方,比如距離位移上的變化:圖片的滾動、焦點圖的輪轉(zhuǎn)切換,透明度上的變化:漸隱漸現(xiàn)。凡是存在運動的狀態(tài)都適用,下面以最基本的塊在容器內(nèi)從左到右滑動為例,講下幾種不同的緩動處理方式
    2012-12-12
  • js實現(xiàn)提交前對列表數(shù)據(jù)的增刪改查

    js實現(xiàn)提交前對列表數(shù)據(jù)的增刪改查

    這篇文章主要為大家詳細介紹了js實現(xiàn)提交前對列表數(shù)據(jù)的增刪改查,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • Javascript String 字符串操作包

    Javascript String 字符串操作包

    提供一個 JS String 包,包含了一些常用的對字符串操作的函數(shù),詳細的請看源碼及演示
    2010-10-10
  • 前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界

    前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界

    這篇文章主要為大家介紹了前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-12-12
  • 淺談javascript中的instanceof和typeof

    淺談javascript中的instanceof和typeof

    這篇文章主要簡單介紹了javascript中的instanceof和typeof的相關(guān)資料,需要的朋友可以參考下
    2015-02-02
  • 輕量級 JS ToolTip提示效果

    輕量級 JS ToolTip提示效果

    JS ToolTip提示效果,喜歡的朋友可以參考下。
    2010-07-07
  • offsetHeight在OnLoad中獲取為0的現(xiàn)象

    offsetHeight在OnLoad中獲取為0的現(xiàn)象

    需要獲取div的高度時,往往需要用到offsetHeight,有時會碰到offsetHeight獲取到為0的現(xiàn)象,感興趣的朋友可以參考下面的代碼片段
    2013-07-07
  • JavaScript實現(xiàn)京東秒殺效果

    JavaScript實現(xiàn)京東秒殺效果

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)京東秒殺效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-11-11
  • 淺談Webpack自動化構(gòu)建實踐指南

    淺談Webpack自動化構(gòu)建實踐指南

    本篇文章主要介紹了Webpack自動化構(gòu)建實踐指南,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • JavaScript如何實現(xiàn)圖片處理與合成

    JavaScript如何實現(xiàn)圖片處理與合成

    這篇文章主要介紹了JavaScript如何實現(xiàn)圖片處理與合成,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05

最新評論