zoukankan      html  css  js  c++  java
  • js控制tabcontainer标签

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Test_Default" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head id="Head1" runat="server">
         <title>未命名頁面</title>
     </head>
     <script language="javascript">
     function changeTab( tabIndex )
     {
     var tabBehavior = $get('<%=TC1.ClientID%>').control;
     tabBehavior.set_activeTabIndex(tabIndex);
     }
     </script>
     
     <body>
         <form id="form1" runat="server">
             <div>
                 <asp:ScriptManager ID="ScriptManager1" runat="server">
                 </asp:ScriptManager>
                 <a onclick="changeTab(3)">ffffff</a>
    <ajaxtoolkit:tabcontainer id="TC1" runat="server" activetabindex="0" style="text-align: left"     width="460px">
     <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel4">
     <HeaderTemplate>
     
     <span id="Span3" onmouseover="changeTab(0)">國際</span>
     
     </HeaderTemplate>
     <ContentTemplate>
     ssssssssss
     </ContentTemplate>
     </ajaxToolkit:TabPanel>
     <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel4">
     <HeaderTemplate>
     
     <span id="Span4" onmouseover="changeTab(1)">國際</span>
     
     </HeaderTemplate>
     <ContentTemplate>
     ssssssssss
     </ContentTemplate>
     </ajaxToolkit:TabPanel>
     <ajaxToolkit:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel4">
     <HeaderTemplate>
     
     <span id="Span1" onmouseover="changeTab(2)">國際</span>
     
     </HeaderTemplate>
     <ContentTemplate>
     ssssssssss
     </ContentTemplate>
     </ajaxToolkit:TabPanel>
     <ajaxToolkit:TabPanel ID="TabPanel4" runat="server" HeaderText="TabPanel4">
     <HeaderTemplate>
     
     <span id="Span2" onmouseover="changeTab(3)">國際</span>
     
     </HeaderTemplate>
     <ContentTemplate>
     ssssssssss
     </ContentTemplate>
     </ajaxToolkit:TabPanel>
     </ajaxtoolkit:tabcontainer>
             </div>
         </form>
     </body>
     </html>
    
    
  • 相关阅读:
    Java基础之集合框架(Collection接口和List接口)
    Management
    .NET实现多个不同有效时间Session方案思考
    C#操作MySql数据库帮助类(Dapper,T-Sql)
    MVC控制器传递多个实体类集合到视图的方案总结
    高德js API根据出行方式和出现策略由起始点经纬度实现路线规划
    c#QQ邮件编程学习(收发邮件)
    自定义tt文本模板实现MySql指数据库中生成实体类
    Socket客户端
    Socket服务端
  • 原文地址:https://www.cnblogs.com/HughTan/p/1760011.html
Copyright © 2011-2022 走看看