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>
    
    
  • 相关阅读:
    Navicat 12 的安装和破解
    Intellij ide 2017.2新建javaweb项目,并且部署
    javaSE 打印九九乘法表
    jquery.validate remote 和 自定义验证方法
    MySQL命令行导出数据库
    从cookie中取值$.cookie()
    23个MySQL常用查询语句
    正则表达式限制文本框只能输入数字,小数点,英文字母,汉字
    jquery从零开始学----选择器
    文件上传利器SWFUpload使用指南
  • 原文地址:https://www.cnblogs.com/HughTan/p/1760011.html
Copyright © 2011-2022 走看看