2012-04-24 45 views
0

我需要一個頁面需要在母版頁中的div,並將其移動到右側300px。這是可能的,以及如何?我認爲這將是JavaScript或jQuery。 TIA是否可以輕輕推敲裝載在主頁上的div?

+0

你最關心的是哪一點?你不知道如何移動一個div,或者div是在主頁而不是頁面? – CyberDude 2012-04-24 15:17:44

+1

或通過CSS覆蓋?在你的頁面中,你可以添加內聯CSS到頭部(假設你有一個部分在頭部)。這同樣適用於使用jQuery/Javascript,但你可以把它放在頁面的任何地方。 – 2012-04-24 15:17:47

回答

0

在jQuery中,你可以動畫的div而輕鬆地移動:

$(document).ready(function() { 
    var current_left = $("#myDiv").css('left'); 
    $("#myDiv").animate({ 
     "margin-left": "300px", // if #myDiv's position is relative 
     "left": current_left + 300 + "px" // if #myDiv's position is absolute|fixed 
    }, 400); 
}); 

編輯:絕對是假設來使用而不是左側RIGHT。右邊是:

"right": current_left - 300 + "px" 
0

假設你可以得到的股利(喜歡的東西document.getElementById()getElementsByTagName()甚至document.querySelector()),則:

var elem = // some code to get the right div here 
elem.style.position = "relative; 
elem.style.left = "300px"; 

這300個像素移動元素到其原始位置的右側,但它贏得了如果元素已經有position而不是static,那麼效果並不好。

相關問題