如何在同一个网页中设计不同的spry选项卡式面板 15
2个回答
展开全部
ASP中是这样实现的
<SCRIPT language=JavaScript>
var aID=0;
var jiemu_t = document.getElementById("Tmenu").getElementsByTagName("td");
function ShowTabs1(ID){
for(var i =0;i<jiemu_t.length;i++)
jiemu_t[i].className=i==ID?"main_menu_title2":"main_menu_title1";
Tabs1[aID].style.display="none";
Tabs1[ID].style.display="";
aID=ID;
}
</SCRIPT>
<TABLE class=tdbg_right style="WORD-BREAK: break-all"
cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff>
<TBODY>
<TR>
<td class=border vAlign=top><TABLE width="98%" height=30 border=0 align=center cellPadding=0 cellSpacing=0 >
<tr valign=bottom align=middle id="Tmenu">
<TD class=main_menu_title2 id=TabTitle1 onmouseover=ShowTabs1(0) vAlign=bottom align=middle width=78>最新信息</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(1) vAlign=bottom align=middle width=78>公疗法规</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(2) vAlign=bottom align=middle width=78>健康教育</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(3) vAlign=bottom align=middle width=78>就医指南</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(4) vAlign=bottom align=middle width=78>预防保健</td>
</tr>
<TR align=middle>
<td align=middle width="100%" bgColor="#93c76c" colSpan=5
height=2></td>
</TR>
</TABLE>
具体的你查询这网站http://yiyuan.nchu.edu.cn
<SCRIPT language=JavaScript>
var aID=0;
var jiemu_t = document.getElementById("Tmenu").getElementsByTagName("td");
function ShowTabs1(ID){
for(var i =0;i<jiemu_t.length;i++)
jiemu_t[i].className=i==ID?"main_menu_title2":"main_menu_title1";
Tabs1[aID].style.display="none";
Tabs1[ID].style.display="";
aID=ID;
}
</SCRIPT>
<TABLE class=tdbg_right style="WORD-BREAK: break-all"
cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff>
<TBODY>
<TR>
<td class=border vAlign=top><TABLE width="98%" height=30 border=0 align=center cellPadding=0 cellSpacing=0 >
<tr valign=bottom align=middle id="Tmenu">
<TD class=main_menu_title2 id=TabTitle1 onmouseover=ShowTabs1(0) vAlign=bottom align=middle width=78>最新信息</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(1) vAlign=bottom align=middle width=78>公疗法规</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(2) vAlign=bottom align=middle width=78>健康教育</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(3) vAlign=bottom align=middle width=78>就医指南</td>
<td class=main_menu_title1 id=TabTitle1 onmouseover=ShowTabs1(4) vAlign=bottom align=middle width=78>预防保健</td>
</tr>
<TR align=middle>
<td align=middle width="100%" bgColor="#93c76c" colSpan=5
height=2></td>
</TR>
</TABLE>
具体的你查询这网站http://yiyuan.nchu.edu.cn
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
黄先生
2024-12-27 广告
2024-12-27 广告
矩阵切换器就是将一路或多路视音频信号分别传输给一个或者多个显示设备,如两台电脑主机要共用一个显示器,矩阵切换器可以将两台电脑主机上的内容renyi切换到同一个或多个显示器上;迈拓维矩矩阵切换器种类齐全,性价比高,支持多种控制方式,为工程商采...
点击进入详情页
本回答由黄先生提供
展开全部
Spry.Widget.TabbedPanels = function(element, opts)
{
this.element = this.getElement(element);
this.defaultTab = 0; // Show the first panel by default.
if(this.element == document.getElementById("TabbedPanels1")){
this.tabSelectedClass = "TabbedPanelsTabSelected";
this.tabHoverClass = "TabbedPanelsTabHover";
this.tabFocusedClass = "TabbedPanelsTabFocused";
this.panelVisibleClass = "TabbedPanelsContentVisible";
}
else if(this.element == document.getElementById("TabbedPanels2")){
this.tabSelectedClass = "TabbedPanelsTabTableSelected";
this.tabHoverClass = "TabbedPanelsTabTableHover";
this.tabFocusedClass = "TabbedPanelsTabTableFocused";
this.panelVisibleClass = "TabbedPanelsContentTableVisible";
}
else{}...
this.focusElement = null;
this.hasFocus = false;
this.currentTabIndex = 0;
this.enableKeyboardNavigation = true;
this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT;
this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT;
修改js文件,根据id不同可设置不同的样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询