如何在同一个网页中设计不同的spry选项卡式面板 15

 我来答
欣风夏天aC
2013-12-07 · TA获得超过130个赞
知道小有建树答主
回答量:167
采纳率:50%
帮助的人:70万
展开全部
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
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
黄先生
2024-12-27 广告
矩阵切换器就是将一路或多路视音频信号分别传输给一个或者多个显示设备,如两台电脑主机要共用一个显示器,矩阵切换器可以将两台电脑主机上的内容renyi切换到同一个或多个显示器上;迈拓维矩矩阵切换器种类齐全,性价比高,支持多种控制方式,为工程商采... 点击进入详情页
本回答由黄先生提供
blueer36
2015-08-24
知道答主
回答量:24
采纳率:0%
帮助的人:18.2万
展开全部
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不同可设置不同的样式

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式