Question

javascript 实现两个div位置互换或者内容互换 请高手给个经典实用的代码 请不要从别处复制粘贴，谢谢！

Answer 1

什么事件时互换 鼠标划过 鼠标点击 还是其他

追问

鼠标划过

追答

New Document

.title{float:left; width:150px; height:20px; line-height:20px; border:#EEE 1px solid; text-align:center; cursor:pointer;}
.content{clear:left; border:#EEE 1px solid; width:300px; height:30px;line-height:30px; overflow:hidden;}

AAABBB

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB

function change(id){
var d = id.substr(id.length-1);
for(var i=1;i

追问

这个不是内容互换。。效果上来说只是使一个div的内容改变啊

追答

是这样的效果吗

New Document

.title{float:left; width:150px; height:20px; line-height:20px; border:#EEE 1px solid; text-align:center; cursor:pointer;}
.content{clear:left; border:#EEE 1px solid; width:300px;}

A在上B在上

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB

function change(id){
var t = document.getElementById("con"+id).innerHTML;
if(id==1){
document.getElementById("con1").innerHTML=document.getElementById("con2").innerHTML;
document.getElementById("con2").innerHTML=t;
}
else{
document.getElementById("con2").innerHTML=document.getElementById("con1").innerHTML;
document.getElementById("con1").innerHTML=t;
}
}

Answer 2

内容互换

var t=a.innerHTML
a.innerHTML=b.innerHTML;
b.innerHTML=t;

Answer 3

楼主是不是可以考虑使用jquery？

jquery是对javacript的轻量级封装。上手简单。
关于楼主提出的要求，以下是jquery的demo，先看看是否满意？
http://jqueryui.com/sortable/

追问

抱歉，这不是我想要的效果

其实我想要的是三个div轮转显示，一大两小，大的在中间。

鼠标划过小div时，使这个div变大换到中间去；中间的div变小换到这里来