网奇网站建设 | 网站制作 | 网站设计
阅读新闻

【网页特效】随意切换网页小窗口

来源:互联网  作者:莹莹 [字体: ]

  
  <style type="text/css">


  ul li { list-style: none; }


  ul, li { margin: 0; padding: 0;}


  .tabs,.tabs_act{float:left;width:103px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;height:25px;text-align:center;line-height:25px;display:block;}


  .tabs_act{font-weight:bold;color:#FC7404;border-bottom:1px solid #fff; background-image:url(../images/bj.gif)}


  .Sliding_tab{width:513px;border-left:1px solid #ccc;height:27px;}


  .Sliding_tab li{float:left;border-top:1px solid #ccc;}


  .Sliding_tab li.table_li{border-bottom:1px solid #ccc;border-top:0px;width:305px;height:26px;line-height:26px;}


  .tablist { clear:both; width:513px;border:1px solid #ccc;border-top:0px;height:300px;overflow:hidden;}


  </style>


  <SCRIPT language=javascript type=text/javascript>


  function g(o){return document.getElementById(o);}


  function Hovertab(num,counts,tabname,tabclass){


  for (i=1;i<=counts;i++)


  {


  g(tabname+'tab0'+i).className=tabclass+'tabs';


  g(tabname+'div0'+i).style.display='none';


  }


  g(tabname+'tab0'+num).className=tabclass+'tabs_act';


  g(tabname+'div0'+num).style.display='block';


  }


  </SCRIPT>


  </HEAD>


  <BODY>


  <div style=" width:513px; float:left; clear:both;">


  <DIV class="Sliding_tab">


  <UL>


  <LI><A class=tabs_act id=set_tab01 onMouseOver="Hovertab('1','2','set_','');" href="#">选项卡一</A></LI>


  <LI><A class=tabs id=set_tab02 onMouseOver="Hovertab('2','2','set_','');" href="#">选项卡二</A> </LI>


  <LI class="table_li"></LI>


  </UL>


  </DIV>


  <DIV class=tablist id=set_div01>选项卡一 网站建设</DIV>


  <DIV class=tablist id=set_div02 style="DISPLAY: none">选项卡二 网站制作</DIV>


  </div>


  </BODY>


  </HTML>


网奇网络原创文章,本文地址:http://www.yeniucuz.com/html/2010-11/12562.htm,转载请注明出处。

收藏 推荐 打印 | 阅读:
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数
点评:
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
关于网奇
汇款方式
招纳贤士
加入收藏
网站地图
网站搜索
Hot Search:A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z
金亚洲备用