ASP动态的显示数据库中的数据

Question

我想做一个产品展示的页面,分为两列,左边是产品的详细信息,右边是产品列表,我希望实现以下功能,当我鼠标移动到右边的某个产品上时,左边自动从数据库中查找出该产品的详细信息,并显示出来.

Answer 1

先说原理。这个运行初期是把产品名和详细全部预读出来。列表处显示产品名。而对应的详细信息写入层，位置就是左侧，默认层是隐藏。当鼠标经过产品名时显示对应的层，隐藏其他层。这样就可以达到你的要求了。附加一个函数供参考

<SCRIPT type=text/javascript>
function setTab01Syn(i){
selectTab01Syn(i);
}
function selectTab01Syn(i){
switch(i){
case 1:
document.getElementById("TabTab01Con1").style.display="block";
document.getElementById("TabTab01Con2").style.display="none";
document.getElementById("TabTab01Con3").style.display="none";
document.getElementById("TabTab01Con4").style.display="none";
break;
case 2:
document.getElementById("TabTab01Con1").style.display="none";
document.getElementById("TabTab01Con2").style.display="block";
document.getElementById("TabTab01Con3").style.display="none";
document.getElementById("TabTab01Con4").style.display="none";
break;
case 3:
document.getElementById("TabTab01Con1").style.display="none";
document.getElementById("TabTab01Con2").style.display="none";
document.getElementById("TabTab01Con3").style.display="block";
document.getElementById("TabTab01Con4").style.display="none";
break;
case 4:
document.getElementById("TabTab01Con1").style.display="none";
document.getElementById("TabTab01Con2").style.display="none";
document.getElementById("TabTab01Con3").style.display="none";
document.getElementById("TabTab01Con4").style.display="block";
break;
}
}
</SCRIPT>
这个函数是鼠标经过时显示和隐藏用的，对于你要求的有点差距，需要改进一些。
希望对你有所帮助。其它部分自己再研究一下吧，我这没有现成的。

Answer 2

如果页面不刷新的话需要结合ajax技术