昨天刚回答别人的。你参考一下
<!DOCTYPE html><html>
<head>
<script src="jquery-223js">
</script>
<script>
$(function(){
setInterval(myanimate,1000);
function myanimate(){
$("#cdk")animate({left:'+=50px'},1000);
}
});
</script>
</head>
<body>
<div id="cdk" style="width:150px; height:150px; background-color:#0033FF;
position:relative;"></div>
</body>
</html>用CSS 给DIV块指定一个样式ID 或是 类名 用CSS 写样式 用margin - top 之类的属性可以指定位置 具体CSS写法 属性网上也都有相关的教程推荐你上 w3school 这个网站 知识比较多 而且都是基础级别的加浮动\定位先要设置外层DIV的宽度\高度,
再用float属性,
如果是固定位置的话,可以用margin\padding属性,
f都要考虑浏览器兼容性你要设置div的style位置为绝对位置。
<div id="movediv" style="left: 20px; top: 20px;position:absolute;">
move</div>
$(document)mousemove(function(e){
var y = epageY;
var x = epageX;
$("#movediv")offset({ top: y, left: x });
$("#movediv")html("top:" + y + "<br>left:" + x);
});
看到没有。。这个应该可以了其实只想简单的让一个块级元素上移，使用margin-top就可以挤上去，给margin-top一个负值，它就会向上偏移，比如margin-top：-100px;就是向上偏移100像素。
或者也可以使用css3的transform属性中的translate（x,y），其中y代表的就是垂直偏移，同样的，给其一负值也可实现向上偏移，例如 transfrom:translate(0,-100px)
div因为是一个块级元素，所以独占一行，才会出现无法横向对其的结果
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）