javascript移动div，css移动div

js中的div只能往右和下移动,不能向左和上移动

1、function createDIV(){ var div=document.createElement(div)；//创建一个DIV div.setAttribute(id， div)；document.body.appendChild(div)； //主要加上这句，把新建的DIV加到页面上。

2、在js标签中，创建yidong()函数，在函数内，通过class(content)获得div对象，使用animate()方法让div在1秒内向左移动100px。最后在浏览器打开test.html文件，点击按钮，查看实现的效果。

3、第一步，如果要向下移动div，则可以使用位置属性进行调整。 具体方法是先打开编辑器，创建一个新的html文件，然后编写基本的html结构。

4、很可惜。。现有的CSS里做不到这个样式。。

5、给div写样式，margin-left+数字即可。DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。

相关问答

Q1: 如何用javascript实现div在页面上拖动的效果?

1、div id=c onmousedown=mm(event)；123123/div evt参数是就是上面的event对象；Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

2、/div script language=JavaScript type=text/javascript var dragdrop={ registerDragdropHandler：function(handler，target，cursor){ // 注册鼠标移动的一些事件。

3、在滚动条距离底端5%以内：scrollTop / (offsetHeight – clientHeight) = 0.95 如上。如果要实现拉到底部自动加载内容。

4、以下直接可以运行。如果DIV在ID为area的div中，即可拖拽。我在Drag函数里做了对父div的判断。

Q2: javascript如何拖拽div

div id=c onmousedown=mm(event)；123123/div evt参数是就是上面的event对象；Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

/div script language=JavaScript type=text/javascript var dragdrop={ registerDragdropHandler：function(handler，target，cursor){ // 注册鼠标移动的一些事件。

个人思路：拖动DIV这个效果都好做。关键是如何和临近的DIV对齐。这就需要在拖动的时候动态去计算。计算此时页面上总共有多少DIV，并且每个div因为形状不规则，可以统一用每个DIV容器中心点坐标来定。

canvas不可以拖动。你也不可以直接拖动canvas里面的任何元素，包括已经载入的图片（实际上图片已经成为canvas的一部分）。先不说连线，因为我不清楚你要怎样连线。先拿一张图片来说。思路：canvas不可以拖动，但div可以啊。

你的代码没用代码排版太杂乱，我直接把自己写的拖拽给你参考一下，这段代码只是无聊时写的，所以没写吸附和区域限制，你可以参考修改一下。使用方法在底部。

哇。要自己用css加div写。好难哦。考虑用现成的框架，如ext，jqury.dojo.等。

Q3: 怎么做javascript拖动div并且有对齐来对齐

在 DIV 标签对中写入的正文标签的 HTML 中div/div。然后我们将 div 设置为宽高度， 我们需要注意的是， 如果您不设置默认值的宽度为100% 哦， 所以它将填充整个页面。

其实只想简单的让一个块级元素上移，使用margin-top就可以挤上去，给margin-top一个负值，它就会向上偏移，比如margin-top：-100px；就是向上偏移100像素。

div id=c onmousedown=mm(event)；123123/div evt参数是就是上面的event对象；Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

Q4: 如何利用JS把DIV的层向下移动一点点?

evt=window.event||evt； // 获取当前事件对象。if(！_IsMousedown)return false； // 如果_IsMousedown不等于真了返回。

第一步，如果要向下移动div，则可以使用位置属性进行调整。 具体方法是先打开编辑器，创建一个新的html文件，然后编写基本的html结构。

利用js代码首先创建一个div，document.createElement(div)确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。

x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。 direction是移动方向，有x和y两个参数。

JS控制DIV层显示与隐藏 用JS控制DIV层的隐藏与显示。页面中有三个DIV层，三个超级链接，实现的功能是点击一个链接，显示相应的DIV层，同时隐藏另外两个DIV层。

Q5: JavaScript当鼠标点击div时,这个div自动向上移动怎么实现

如下示例，onmousemove就是鼠标悬浮div的时候采用d1样式，当鼠标离开就使用d2样式，margin-top就是与上面的距离，控制这个距离就能实现div向上移动的效果。

类似于android手机的状态栏下拉效果，但方向相反。Div块在底部，当点击按钮时，div向上展开，再次点击时向下收回。

if(Math.abs(b)=100){ div.style.marginTop=b；var c=setInterval(aaa，1000)} 这段代码有问题。

用jQuery实现div随鼠标移动而移动方法：让div随着鼠标走，需要知道几个关键点 如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。

分析如下：首先你要把代码写好，百左边是1级目录列表，度右边是2级目录列表，然后2级目录最大的知div用display：none先隐藏起来，道用hover。

这篇文章主要介绍了JS实现点击文字对应DIV层不停闪动效果的方法，实例分析了javascript操作div层的效果，非常实用，具有一定参考借鉴价值，需要的朋友可以参考下 本文实例讲述了JS实现点击文字对应DIV层不停闪动效果的方法。

关于javascript移动div和css移动div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。