css属于圆心位置的取值有哪些

html-css013

css属于圆心位置的取值有哪些,第1张

css属于圆心位置的取值范围是不限。通过属性position设置圆心位置：atxy。xy取值可以通过英文单词left、right、center、top、bottom，也可以通过数值+单位，还可以用百分比。

div+css绝对定位,有X,Y坐标，在定位中，我们一般有四个方向，top，right，bottom，left，通过这4个来设置，如position：absoulte； left：10px； top:10px；就是说相对父级的位置往左10px；距上10px；通过代码来理解：

<html>

<head>

<style>

div{

width:300px

height:30px

border:1px solid #f00

position:absoulte

left:10px

top:10px

}

</head>

<body>

<div>

<p>我的位置</p>

</div>

</body>

</html>

'position':absolute 里的 absolute要加单引号， 因为它不是变量。

然后能实现跟随鼠标了 但不是不是太精确  因为你的top和left 都是e.pageY，left应该是e.pageX

然后mouseover是鼠标移入触发，不是实时触发，要实时跟随鼠标，换成mousemove即可

$("body").mousemove(function(e){

   if($("#mouseXY").html() == null){

        var MouseXY = "<div id='mouseXY'><img src='未标题-1.png'/></div>" 

    $("body").append(MouseXY)

    }

    $("#mouseXY").css({'top':e.pageY,'left':e.pageX,'position':'absolute','z-index':1})

})