javascript - 是否可以在加载时轻推母版页中的 div？

Question

我需要让一个页面获取母版页中的 div 并将其移到右侧 300px 处。这可能吗，怎么做？我认为它会是 javascript 或 jquery。TIA

Answer 1

假设您可以获得 div （使用document.getElementById()orgetElementsByTagName()甚至document.querySelector()），那么：

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

这会将元素移动到其原始位置右侧 300 像素，但是如果元素已经position有static.

Answer 2

在 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);
});

编辑：绝对假设使用 LEFT 而不是 RIGHT。权利将是：

"right": current_left - 300 + "px"