动态有数据加载的标签切换效果是怎么做的？

像一般门户首页一样，鼠标滑动经过标签，然后下面的内容会替换，我的标签下面的内容从数据库加载的，静态的网上我找到了代码，然后换成动态数据不行。不知道用什么方式可以实现？现在暂时用 asp.net ajax中 TabPanel代替了，它只能点击切换。
如果有代码下载来看，那是最好不过了！
谢谢了 ！！！

解决方案 »

  1.   

    把静态的html拷贝到aspx里面,然后把html控件设置为服务器端控件,就是加个runat="server"属性
    然后在.cs后台文件中设置这个html控件的InnerHtml属性就可以了
      

  2.   

    然后在.cs后台文件中设置这个html控件的InnerHtml属性就可以了，这个能再说的详细一点么？谢谢，我不是太懂！
      

  3.   

    新闻滑动门效果而已,可以参考下面的
    <%@ Page Language="C#" debug="true"%>
    <script runat="server">
        void Page_Load(Object sender, EventArgs e) 
        {
         //下面是测试内容，你可以通过读数据库来设置
         td1.InnerHtml="<a href='http://www.lvyou168.cn'>www.lvyou168.cn</a>";
         td2.InnerHtml="<a href='http://b2b.lvyou168.cn'>b2b.lvyou168.cn</a>";
         td3.InnerHtml="<a href='http://country.lvyou168.cn'>country.lvyou168.cn</a>";
         td4.InnerHtml="<a href='http://bbs.csdn.net'>bbs.csdn.net</a>";
        }
    </script>
    <html>
      <head>
        <style type="text/css">
          .focus{background-color:blue;color:white}
          .unfocus{background-color:white;color:black}
        </style>
      </head>
      <body>
    <form runat="server" id="form1">
    <table width="300px" border="1" cellpadding="0" cellspacing="0">
    <tr><td width="25%" id="" onmouseover="ShowTR(1,this)" class="focus">News1</td><td width="25%" onmouseover="ShowTR(2,this)">News2</td>
    <td width="25%" onmouseover="ShowTR(3,this)">News3</td><td width="25%" onmouseover="ShowTR(4,this)">News4</td></tr>
    <tr><td colspan="4" runat="server" id="td1"></td></tr>
    <tr style="display:none"><td colspan="4" runat="server" id="td2"></td></tr>
    <tr style="display:none"><td colspan="4" runat="server" id="td3"></td></tr>
    <tr style="display:none"><td colspan="4" runat="server" id="td4"></td></tr>
    </table>
    </form>
    <script>
    function ShowTR(Index,NowTD)
    {
    var i;
    var tr;
    var MaxRows=NowTD.parentNode.cells.length;
    for(i=0;i<MaxRows;i++)
    {
    if(NowTD.parentNode.cells[i]!=NowTD)
      NowTD.parentNode.cells[i].className="unfocus";
    }
    NowTD.className="focus";
    for(i=1;i<=MaxRows;i++)
    {
    if(i!=Index)
    {
    tr=document.getElementById("td"+i).parentNode;
    tr.style.display="none";
    }
    }
    document.getElementById("td"+Index).parentNode.style.display="block";
    }
    </script>
      </body>
    </html>