多标签选项卡菜单

最新推荐文章于 2021-06-03 09:38:28 发布
最新推荐文章于 2021-06-03 09:38:28 发布
阅读量1k 收藏
点赞数
分类专栏： javascript 文章标签： border class stylesheet table javascript 相册
<html>
<head>
<title>21CN多标签选项卡菜单</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<link href=" http://www.21cn.com/other/images/index0128.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<base target="_blank">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr align="middle">
      <td width="70" height="19" class="focusImg" onmouseover="MM_goToURL('self','http://photo.21cn.com/photo.html');return document.MM_returnValue"><a class="t12porange" href=" http://www.websjy.com.cn/club/index.php">个人相册</a></td>
      <td width="1" height="19"></td>
      <td width="70" class="focusImg" onmouseover="MM_goToURL('self','http://news.21cn.com/shtml.21cn.com/2008/01/29/newshow1.html');return document.MM_returnValue"><a class="t12porange" href=" http://www.websjy.com.cn/club/index.php">图片</a></td>
      <td width="1"></td>
      <td width="69" class="focusImg" onmouseover="MM_goToURL('self','http://news.21cn.com/shtml.21cn.com/2008/03/13/she_21cnmodeltuijian.html');return document.MM_returnValue"><a class="t12porange" href=" http://news.21cn.com/shtml.21cn.com/2008/03/13/she_21cnmodeltuijian.html#">模特</a></td>
      <td width="1"></td>
      <td width="69" class="focusImg" onmouseover="MM_goToURL('self','http://news.21cn.com/shtml.21cn.com/2008/01/23/news_08sypic.html');return document.MM_returnValue"><a
      class="t12porange"
      href=" http://www.websjy.com.cn/club/index.php">新闻</a></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr>
      <td width="1" bgcolor="#cccccc"></td>
      <td width="71" height="3" align="middle" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#cccccc"></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr>
      <td width="1" bgcolor="#cccccc"></td>
      <td width="71" height="3" align="middle" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#EEEEEE"></td>
      <td align="middle" width="71" bgcolor="#EEEEEE"></td>
      <td align="middle" width="1" bgcolor="#cccccc"></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr>
      <td align="middle" bgcolor="#CCCCCC"><table width="287" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
        <tbody>
          <tr>
            <td width="144" rowspan="2"><table cellspacing="0" cellpadding="0" width="139" border="0">
              <tbody>
                <tr>
                  <td align="middle"><a href=" http://picture.sports.21cn.com/file/390,1490856,16958932,0,20,1.shtml"><img class="pic" height="180" src=" http://img001.photo.21cn.com/photos/album/20080805/o/33139873EB0D5084F7818B7DD683B1DF.jpg" alt="点击进入图集：罗杰斯杯萨芬娜夺背靠背冠军" width="135" border="0" /></a></td>
                </tr>
                <tr>
                  <td align="middle" height="23"><img height="5" hspace="5" src=" http://img04.21cn.com/www/images/21cn2008/arrow52.gif" width="3" align="absmiddle" /><a class="t12p" href=" http://picture.sports.21cn.com/slide/390,1490856.shtml">萨芬老妹不止高人一筹</a></td>
                </tr>
              </tbody>
            </table></td>
            <td valign="top" width="144" height="90"><table cellspacing="0" cellpadding="0" width="100%" border="0">
              <tbody>
                <tr>
                  <td align="middle"><a href=" http://picture.sports.21cn.com/folder/393,1489519,0,0,1.shtml"><img class="pic" height="78" src=" http://img001.photo.21cn.com/photos/album/20080805/o/1E95F202012AA800D36427F085141CF7.jpg" alt="点击进入图集：F1匈牙利站科瓦莱宁夺首冠" width="135" border="0" /></a></td>
                </tr>
                <tr>
                  <td align="middle" height="23"><img height="5" hspace="5" src=" http://img04.21cn.com/www/images/21cn2008/arrow52.gif" width="3" align="absmiddle" /><a class="t12p" href=" http://picture.sports.21cn.com/slide/393,1489519.shtml">两个豪饮的芬兰人</a></td>
                </tr>
              </tbody>
            </table></td>
          </tr>
          <tr>
            <td align="middle"><table cellspacing="0" cellpadding="0" width="100%" border="0">
              <tbody>
                <tr>
                  <td align="middle" height="68"><a href=" http://et.21cn.com/show/hot/list1.shtml"></a><a href=" http://picture.sports.21cn.com/slide/390,1492042.shtml"><img class="pic" height="78" src=" http://img001.photo.21cn.com/photos/album/20080805/o/A3B134D13323B96AE6254DC93C874B96.jpg" alt="点击进入图集：纳达尔抵京备战奥运" width="135" border="0" /></a></td>
                </tr>
                <tr>
                  <td align="middle" height="23"><img height="5" hspace="5" src=" http://img04.21cn.com/www/images/21cn2008/arrow52.gif" width="3" align="absmiddle" /><a href=" http://picture.sports.21cn.com/folder/390,1492042,0,0,1.shtml" class="t12p">新科世界第一驾临</a></td>
                </tr>
              </tbody>
            </table></td>
          </tr>
        </tbody>
      </table></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr>
      <td width="1" bgcolor="#cccccc"><img src=" http://img04.21cn.com/www/images/21cn2008/space.gif" /></td>
      <td height="3" align="right" bgcolor="#EEEEEE"><img height="3" src=" http://img04.21cn.com/www/images/21cn2008/21cn-62d.gif" width="69" /></td>
      <td align="middle" width="1" bgcolor="#cccccc"><img src=" http://img04.21cn.com/www/images/21cn2008/space.gif" width="1" height="1" /></td>
    </tr>
  </tbody>
</table>
<table cellspacing="0" cellpadding="0" width="289" border="0">
  <tbody>
    <tr align="middle">
      <td width="70" height="19" class="focusImg" onmouseover="MM_goToURL('self','http://news.21cn.com/shtml.21cn.com/2008/01/23/t_syxc.html');return document.MM_returnValue"><a class="t12porange" href=" http://news.21cn.com/shtml.21cn.com/2008/01/23/t_syxc.html#" target="_blank">视频播客</a></td>
      <td width="1" background=" http://img04.21cn.com/www/images/21cn2008/index.htm" height="19"></td>
      <td width="70" class="focusImg" onmouseover="MM_goToURL('self','http://news.21cn.com/shtml.21cn.com/2008/01/23/game_pic_index21cn.html');return document.MM_returnValue"><a class="t12porange" href=" http://news.21cn.com/shtml.21cn.com/2008/01/23/game_pic_index21cn.html#">动漫</a></td>
      <td width="1"></td>
      <td width="70" class="focusImg" onmouseover="MM_goToURL('self','http://life.21cn.com/shtml.21cn.com/2008/01/23/humour_2008.html');return document.MM_returnValue"><a class="t12porange" href=" http://life.21cn.com/shtml.21cn.com/2008/01/23/humour_2008.html#">幽默</a></td>
      <td width="1"></td>
      <td width="70" background=" http://img04.21cn.com/www/images/21cn2008/21cn-60b.gif"><a class="t12pwhite" href=" http://picture.sports.21cn.com/" target="_blank">竞技</a></td>
    </tr>
  </tbody>
</table>
</body>
</html>
本文转摘自『蓝派网』 http://www.lan27.com/Article/200706/1961.htm
手写制作一个tab选项卡
weixin_44539055的博客
06-27 983
手写制作一个tab选项卡： HTML 代码： 我的认证 实名认证 手机认证 学历认证 视频认证 @*第二页*@ ...
网页设计HTML如何制作选项卡,jQuery制作网页版选项卡
weixin_33978722的博客
06-04 1663
网页选项卡可以较好的利用有限的页面来展示更多的元素，而使用JQuery来制作网页选项卡也是一件非常简单的事情。今天就来分享一个网页选项卡的制作小技巧。◦引入所需库◦选项卡原理◦业务核心◦完整小例子引入所需库这个知识点很基础，但是为了照顾fresh man ,我还是写一下吧。选项卡原理选项卡出现其实只是某一个div获取到了显示的权限，其他的没有显示而已。•网页代码选项卡1选项卡2选项卡3选项卡1:这...
layui后台多标签框架html
10-09
layui后台多标签框架html，菜单加载是用的json文件，实际用时改为接口查询即可 layui后台多标签框架html，菜单加载是用的json文件，实际用时改为接口查询即可
javascript实例:两种方式实现tab栏选项卡
weixin_30296405的博客
09-27 120
方法1: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: ...
html中选项卡怎么做,html制作选项卡
weixin_31088605的博客
06-03 744
Table选项卡 ul#tabNav { width: 400px; list-style: none; border-bottom: solid 1px green; margin: 0; padding-left: 0; padding-bottom: 0; *padding-bottom: 0; } ul#tabNav li { float: left; ...
WEB菜单
boy_north的专栏
06-06 1201
    function  MM_goToURL()  {  //v3.0     var  i,  args=MM_goToURL.arguments;  document.MM_returnValue  =  false;     for  (i=0;  i}  function  JM_cc(ob){  var  obj=MM_findObj(ob);  if  (obj)  {    ob
基于element-ui标签选项卡
06-24
基于 Element UI 的标签选项卡是实现网页或应用程序中内容分块和切换的重要工具，能够帮助用户更有效地管理和浏览多部分内容。 选项卡是一种常见的用户界面元素，它允许用户在多个相关的视图之间切换，而无需在页面...
jQuery Tab标签选项卡切换菜单.rar
最新发布
10-01
《jQuery Tab标签选项卡切换菜单》 在网页设计中，Tab选项卡是一种常见的交互元素，它能够有效地组织和展示大量信息，使得用户界面更加简洁、易用。本资源"jQuery Tab标签选项卡切换菜单.rar"提供了一种实现这种...
layui添加动态菜单与选项卡
12-09
动态菜单的HTML结构通过循环生成，对于没有URL的菜单项，它们将直接作为链接显示，而有URL的菜单项会生成带`onclick`事件的`<a>`标签，调用`addTab()`函数来添加新的选项卡。 `addTab()`函数负责添加选项卡，首先...
jQuery EasyUI右键菜单实现关闭标签/选项卡
10-21
本文讲解了如何使用jQuery EasyUI框架实现右键菜单来关闭标签页（选项卡）。jQuery EasyUI是一个基于jQuery的前端UI框架，它提供了一系列可轻松使用的界面组件，例如选项卡、数据网格等，能够帮助开发者快速构建交互...
javascript通过获取html标签属性class实现多选项卡的方法
10-23
2. CSS样式设置：为不同的元素定义样式，以区分选项卡菜单、选中状态的菜单项、内容面板以及隐藏的内容面板。 3. JavaScript交互实现：编写JavaScript代码，处理鼠标悬停事件，根据用户的交互来切换显示的内容面板...
MFC对话框使用标签页控件
seulww的专栏
06-16 8666
MFC对话框使用标签页控件 2014年6月16日10:08:39 1、使用VS2008创建一
给控件加上图标，让界面看起来更丰富
weixin_33963189的博客
11-16 173
在Visual Studio 2005的大多数控件中都可以加入图标，让界面看起来更丰富。 1、给Form加一个ImageList，根据要使用的图标色彩位数选择imageList1的ColorDepth属性，如果使用的是32位位图，就设为Depth32Bit，设置了不正确的ColorDepth可能使图标看起来有锯齿，不圆润。通过ImageSize可以...
ASP.NET中最漂亮、最酷的弹出对话框
weixin_30512785的博客
07-27 953
Tomas Petricek著 Highly customizable JavaScript popup control for web page wrapped in ASP.NET custom control. ASP.NET弹出窗口 一个使用javascript编写的，用于在ASP.NET中弹出对话框的用户控件,有渐进颜色，还有能设定弹出时的移动的时间,支持Mozilla...
点击按钮实现复制文本框中的文字 …
yi252430的专栏
07-09 537
据说只有IE能用？   http://www.w3.org/1999/xhtml">     无标题页     function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval_r(
最佳网页特效：菜单标签选项卡分享
在这个过程中，菜单选项卡和标签选项卡是实现网页特效的两种常见方式，它们主要被用来组织和展示网站上的内容，使得用户能够更加方便地进行导航和信息查找。 首先，我们来详细解读“菜单选项卡”。菜单选项卡通常是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值