Question

jquery如何实现点击一个按钮 div框从右→左，再点击按钮 div框从刚刚的位置移动回原来的位置？

Answer 1

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。

3、在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“切换内容”。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。

6、在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。

Answer 2

这个是做动画效果，只要设定好轨道然后在按钮的click事件里判断、处理就行了啊

Answer 3

设置 left循环呗.

Answer 4

实例代码：
html：
<button id="btn">出发</button>
<div id="moveDiv" class="" style="padding:30px;border:1px solid; width:100px; text-align:center; position:absolute;">我是移动框!</div>

js：
$(function() {
$("#btn").click(function() {
var div = $("#moveDiv");
if(div.hasClass("dest")) {
div.removeClass("dest").animate({left: 0}, 1000);
} else {
div.addClass("dest").animate({left: 100}, 1000);
}
})
});