導航:首頁 > 編程語言 > js改變div的top和left

js改變div的top和left

發布時間:2025-09-05 07:24:53

1. js設置div的位置

JS語言是不能夠直接修改DIV的位置的,因為位置屬於該控制項的樣式,若想用JS這種腳本語言調整DIV的位置,需要調用DIV的style屬性進行設置,也就是需要調整DIV的CSS樣式表。修改分步驟:
1、獲取到需要修改樣式的元素;
2、設置調整。修改的示例代碼如下: var div1 = document.getElementById('Search'); div1.style.marginTop = '225px'; 通常position的屬性沒有設置或設了默認值absolute,所以使用的都是靜態屬性,這樣就可以直接通過給位置屬性數值來更改元素位置。在js調用時,含『-』的樣式屬性調用時需要先去掉『-』並將下一個字母大寫,下面列一下css樣式表中常用到的位置屬性:top right left bottom margin paddingmargin-top margin-right margin-left margin-bottompadding-top padding-right padding-left padding-bottom

2. 怎麼在js里取得div的top值和left值

首先要取得top值和left值,先要把這個div的定位設為 relative 或者 absolute
比如:
<div id="tiao" style="margin-top: 3;margin-left: -5;width: 470;height: 25;position:relative" ></div>

top值: document.getElementById('tiao').offsetTop+document.body.scrollTop
left值:document.getElementById('tiao').offsetLeft;

3. 跪求JS動態改變層的style.left屬性使其水平移動的例子

看了下,前面2個都不是你要的,現寫給回你的,可以跑答
<body>
<div id="moveDiv" style="width:100px;height:100px;border:1px solid black;left:600px;position:absolute"></div>
<script type="text/javascript">
function doMove() {
var _div=document.getElementById("moveDiv");
var _curLeft=parseInt(_div.style.left);
var _distance=5;
if (_curLeft-_distance>0) {
_div.style.left=(_curLeft-_distance)+"px";
window.setTimeout("doMove()",50);
}
}
doMove();
</script>
</body>

4. JS要怎麼改變瀏覽器縮放後DIV定位的位置

div的位置可以直接用offsetLeft或者offsetTop屬性獲取。窗口縮放可以版用window.onresize捕獲,代碼例權:
window.onresize=function(){
var xdiv=document.getElementById("a");
var lef=xdiv.offsetLeft;
var top=xdiv.offsetTop;

alert(lef+","+top);

}

5. js或jquery怎樣獲取htm中div控制項相對於頁面的left和top值解決方

$("選擇器").offset() //該方法返回當前選擇元素的第一個元素左上角(包括邊框)距離整個回頁面頂部和左邊的距答離,返回值為{left:x, top:y} 例:$("div").offset().top;得到該元素在距離頁面頂部的距離

$("選擇器").offsetParent() //該方法與offset返回值類型相同,只不過此方法返回的是該元素距離父元素的top和left

閱讀全文

與js改變div的top和left相關的資料

熱點內容
如何在程序目錄中創建文本文件 瀏覽:949
手機文件包怎麼做的 瀏覽:444
破解的黃播app 瀏覽:509
這種類型的文件可能會危害你的計算機 瀏覽:906
ps文件印章 瀏覽:56
ansysflexlm文件夾 瀏覽:473
filestream創建文件 瀏覽:722
壓縮文件變成這樣了怎麼辦 瀏覽:166
文件系統分類及圖片 瀏覽:731
蘋果新系統取消密碼怎麼設置密碼 瀏覽:446
javajpg工程目錄 瀏覽:819
蘋果微雲下載的文件在哪裡 瀏覽:893
excel的宏保存運行文件 瀏覽:258
育兒類app哪個好 瀏覽:310
大森編程按哪個鍵 瀏覽:481
51單片機c語言源程序 瀏覽:27
js改變div的top和left 瀏覽:111
手機如何連接無線網路玩王者 瀏覽:597
fon文件是什麼 瀏覽:216
怎麼把電腦桌面文件改換路徑 瀏覽:72

友情鏈接