MasterPage.masterTAB选项卡的效果

问题描述

MasterPage.master里加了一个TAB选项卡的效果，设计界面显示正常，浏览器浏览的时候没效果。部分代码<%@PageLanguage="C#"MasterPageFile="~/MasterPage.master"AutoEventWireup="true"CodeFile="UserList.aspx.cs"Inherits="Admin_UserList"Title="开元集团图纸管理系统V2.0---用户列表"%><asp:ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"Runat="Server"><divid="tab"><h3class="up"onclick="go_to(1);">用户列表</h3><divclass="block">用户列表</div><h3onclick="go_to(2);">添加新用户</h3><div>添加用户</div><h3onclick="go_to(3);">浏览用户</h3><div>编辑用户</div><h3onclick="go_to(4);">选择四</h3><div>浏览用户</div><scripttype="text/javascript"><!--varh=document.getElementById("tab").getElementsByTagName("h3");vard=document.getElementById("tab").getElementsByTagName("div");functiongo_to(ao){for(vari=0;i<h.length;i++){if(ao-1==i){h[i].className+="up";d[i].className+="block";}else{h[i].className="";d[i].className="";}}}//--></script></div></asp:Content>

解决方案

解决方案二：
没人帮忙啊。给个方案谢谢了

时间： 2024-09-19 09:51:42

MasterPage.masterTAB选项卡的效果的相关文章

jQuery实现选项卡切换效果简单演示_jquery

本文实例讲述了jQuery实现选项卡切换效果简单演示代码.分享给大家供大家参考.具体如下: 运行效果图如下 一.主体程序 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>选项卡</title> <link type="text/css" rel="stylesheet" href="c

很棒的js选项卡切换效果_javascript技巧

本文实例为大家分享了js实现简单的选项卡切换效果的具体代码,供大家参考,具体内容如下 js选项卡切换代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <meta name="Autho

javascript实现tabs选项卡切换效果(扩展版)_javascript技巧

前段时间写了个tabs 选项卡切换效果,今天抽空在原有的基础上进行了扩展,加入了自动轮播,这样就变成了类似图片轮播的效果了. html 代码: 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-tabs</title> <link rel="styleshe

jquery 滑动选项卡菜单效果

 代码如下 复制代码 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery 滑动选

jquery 滑动选项卡实例效果代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head>  <meta http

基于jQuery实现仿百度首页选项卡切换效果_jquery

以下代码比较简单,所以没给大家附太多的注释,有问题欢迎给我留言,具体详情请看下文代码吧. 先给大家展示下效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery仿百度首页选项卡切换效果 - 何问起</title&

很棒的js Tab选项卡切换效果_javascript技巧

本文实例为大家分享了js Tab选项卡切换效果,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab</title> <style> *{margin:0; padding:0; list-style:none;} .box{ width: 1000px; over

jQuery实现Tab选项卡切换效果简单演示_jquery

本文实例针对jQuery实现Tab选项卡切换效果进行了简单演示,完全是自己的思考实现过程,分享给大家供大家参考.具体如下: 起初我Html代码架子是这样的: <div class="tabs"> <ul> <li class="acss" data-box="#panel-1">标签1</li> <li class="bcss" data-box="#panel-

很实用的js选项卡切换效果_javascript技巧

本文实例为大家分享了js实现简单的选项卡切换效果的具体代码,供大家参考,具体内容如下 js选项卡切换代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="gb2312"> <title>实践题 - 选项卡</title> <style type="text/css"> *{ margin:0px; p