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()方法改变文本内容。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-08-28
这个是做动画效果，只要设定好轨道然后在按钮的click事件里判断、处理就行了啊
第2个回答 2012-08-27
设置 left循环呗.
第3个回答 推荐于2016-11-25
实例代码：
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);
}
})
});本回答被提问者和网友采纳
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);
}
})
});本回答被提问者和网友采纳
相似回答