Question

假设我的值为x = 100且y = 26且div高度和宽度等于500.

如何在x和y坐标中放置文字？

构建方法的内容是什么？

X = Math.floor（的Math.random（）* 500）; Y = Math.floor（的Math.random（）* 500）;

我要在这个x和y坐标中放置文字。感谢

Answer 1

您可以创建一个新元素，然后使用CSS移动它：

$('<div />', {
    text: 'Hello'
}).css({
    position: 'absolute',
    left: '100px',
    top: '26px'
}).appendTo('#your-div');

#your-div在其CSS中也应该有position: relative;，以使您的新元素相对于其父元素而不是文档。

演示：http://jsfiddle.net/Blender/5Sfhh/

Answer 2

假设您要在另一个元素的特定位置添加新元素。您可以通过在jQuery中使用.css函数设置css属性来完成此操作。

function addText(txt, x, y) {
    $('<div>').css({
        left: x,
        top: y
    }).html(txt).appendTo('#container');
}

addText("Hello", 50, 100);

容器元素应该有position:relative，子元素应该在css中有position:absolute

jsfiddle：http://jsfiddle.net/p5QSd/

Jquery在x和y坐标中放置文本

2 个答案: