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>
    
    
  • 相关阅读:
    Oracle 连接字符串
    C# Entity Framework Core 各个数据库连接Context
    jquery的几个语法总结和注意事项
    Jquery的load()
    针对PHP性能方面编程技巧的总结
    编码,charset,乱码,unicode,utf-8与net简单释义
    Web测试方法
    MySQL部署时Table 'mysql.plugin' doesn't exist的解决
    IE Firefox css 差别
    Mysql日期和时间函数
  • 原文地址:https://www.cnblogs.com/HughTan/p/1760011.html
Copyright © 2011-2022 走看看