#2
爱像深蓝2007-11-02 09:57
回复:(ccsky)[求助]ajax 实现新闻切换
在<<游戏资讯>>或<<折扣资讯>>这两个span标签的onclick事件中,添加一个ajax方法就可以了.根据传入的菜单编号的不同传入不同的文章标题
这里不多言,看下面是源码: /* 这是菜单的相关代码,即调用js的各个label 方法名称:GetContent 功能:使用ajax方法得到相关菜单的内容 参数:menu_id long 此菜单的编号 */ function GetContent(menu_id,curLalel) { for(var i = 1 ; i <= 3;i++) { tdColor = "#73BDE7"; if("tdMenu_" + i == curLalel.parentNode.id) { tdColor = "#ffffff"; } document.getElementById("tdMenu_" + i).style.backgroundColor = tdColor; } _Default.GetMenuContent(menu_id,CallBack_GetContent); } function CallBack_GetContent(res) { var strOut = res.value; document.getElementById("divContent").innerHTML = strOut; } <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;background-color:#73BDE7;text-align:center"> <tr> <td style="width: 80px" id="tdMenu_1"> <asp:Label ID="lblShowMenu1" runat="server" Text="折扣资讯" onclick="GetContent(0,this)" Font-Size="14px"></asp:Label> </td> <td style="width: 80px" id="tdMenu_2"> <asp:Label ID="lblShowMenu2" runat="server" Text="游戏资讯" onclick="GetContent(1,this)" Font-Size="14px"></asp:Label> </td> <td style="width: 80px" id="tdMenu_3"> <asp:Label ID="lblShowMenu3" runat="server" Text="铁三角" onclick="GetContent(2,this)" Font-Size="14px"></asp:Label> </td> <td style="width: 80px;"> </td> <td style="width: 410px"> </td> </tr> </table> 下面是内容的显示,只用div来装就OK了. <div id="divContent"></div>
再以下是cs端的ajax方法实现: /// <summary> return strOut; 附送两张截图看效果: [此贴子已经被作者于2007-11-2 10:02:51编辑过] |
只有本站会员才能查看附件,请 登录
点击 折扣资讯 游戏资讯 就会出现相应的新闻标题 。 这个是怎么实现的呢 ?
我用过iframe 可iframe老出问题
在此请教各位解决办法了