点击(此处)折叠或打开

  1. <style>
  2. td,a,body{font-size:9pt;}
  3. .DivAround_focus{cursor:pointer;background-color:#A1ACDB;border-right:solid 1px #A1ACDB;border-bottom:solid 1px #333333; border-left:solid 1px #C8CEEA; border-top:solid 1px #C8CEEA;color:#000000}
  4. .DivAround_blur{cursor:pointer;background:#4D5C9F;border-right:solid 1px #eeeeee;border-bottom:solid 1px #333333; border-left:solid 1px #798ACC; border-top:solid 1px #A1ACDB;color:#FFFFFF}
  5. .DivAround_content{background-color:#A1ACDB;border-right:solid 1px #888888;border-bottom:solid 1px #555555; border-left:0px; border-top:solid 1px #C8CEEA;}
  6. body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=darkblue,endColorStr=skyblue);}
  7. </style>
  8. <script language=\"javascript\">
  9. var AroundInfoArray=new Array();
  10. AroundInfoArray[0]=\"好好学习,天天向上,我是好孩子,我就要学习怎么变坏 ;我是坏孩子,我就要学习怎么变的更坏\";
  11. AroundInfoArray[1]=\"在一般情况下,初次参加健身训练的人都会感到非常兴奋,特别是当锻炼出效果的时候。这在很大程度上激励着你更多地参加锻炼。但是,有一些人一进健身房就迫不及待地投入大强度的锻炼,而忽视了运动前的热身。而且过度的训练往往把自己弄得精疲力尽,影响了正常生活和工作。对此,美国训练委员会的发言人理查德·科顿指出,健身是个长期的工程,不要想一天就成为健美先生。\";
  12. AroundInfoArray[2]=\"在艰苦训练的同时,你需要增加需要,如果你的早晨没有吃饱的话,你在稍后的训练中就会感到饥肠辘辘。美国科罗拉多州立大学助理教授杰奎·伯尔尼博士说,早晨应该包含较多的碳水化合物和一些蛋白质。鸡蛋白是比较好的选择。此外,低脂肪酸奶、牛奶和谷类食品也是上佳选择。在训练之后,你应立即进食,因为这时你的身体需要补充所消耗的能量。进食应包含碳水化合物、蛋白质、水等,当然还有可口的点心。\";
  13. function ChangeFocus(obj)
  14. {
  15. for(i=0;i<document.getElementById(\"leftButtonTAble\").rows.length;i++)
  16. {
  17. if(document.getElementById(\"leftButtonTAble\").rows[i].cells[0]==obj)
  18. {
  19. document.getElementById(\"leftButtonTAble\").rows[i].cells[0].className=\"DivAround_focus\";
  20. document.getElementById(\"DivAroundContent\").innerHTML=AroundInfoArray[i];
  21. }else{
  22. document.getElementById(\"leftButtonTAble\").rows[i].cells[0].className=\"DivAround_blur\";
  23. }
  24. }
  25. }
  26. </script>
  27. <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\" bgcolor=\"#6271B1\"><tr><td width=\"84\" valign=\"top\">
  28. <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" height=\"407\" width=\"84\" id=\"leftButtonTAble\">
  29. <tr><td height=\"25\" align=\"center\" class=\"DivAround_focus\" onClick=\"ChangeFocus(this)\">亿诚</td></tr>
  30. <tr><td height=\"25\" align=\"center\" class=\"DivAround_blur\" onClick=\"ChangeFocus(this)\">草坪价格 </td></tr>
  31. <tr><td height=\"25\" align=\"center\" class=\"DivAround_blur\" onClick=\"ChangeFocus(this)\">寒流来袭</td></tr>
  32. <tr><td style=\"border-right:solid 1px #eeeeee\"> </td></tr>
  33. </table>
  34. </td><td width=\"360\">
  35. <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" class=\"DivAround_content\">
  36. <tr><td height=\"406\" valign=\"top\" style=\"padding:4px\" id=\"DivAroundContent\">内容</td></tr>
  37. </table>
  38. </td></tr>
  39. </table>
  40. <script language=\"javascript\">ChangeFocus(document.getElementById(\"leftButtonTAble\").rows[0].cells[0]);</script>
  41. <br><br><hr>

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/29737856/viewspace-1335868/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/29737856/viewspace-1335868/

导航标签位于左侧的纵向选项卡相关推荐

  1. html点击左侧菜单右侧顶部生成选项卡,标签在左侧的CSS竖向简洁选项卡

    标签在左侧的CSS竖向简洁选项卡 body{padding:50px;margin:0;color:#666;font:12px arial,sans-serif;} #getId{width:400 ...

  2. Outlook如何将导航栏从左侧移动到底部

    好久没更新公众号了 从今天开始恢复公众号的运营!!! 今天我们就来讲干货~ 下午有一位小姐姐询问我,为什么我的outlook的导航栏在左侧,能不能改成底部.和原来的样子一样~~ 我刚开始认为,找到视图 ...

  3. 利用循环栏目导航标签及自定义页面制作帝国CMS网站地图

    网站地图,又称站点地图,它就是一个页面,上面放置了网站上所有页面的链接.也简洁地表现了网站栏目关系,一般就包含顶级栏目和二级栏目.搜索引擎蜘蛛非常喜欢网站地图.在帝国CMS中没有生成网站地图的功能,所 ...

  4. 完成个人中心—导航标签

    个人中心-视图函数带标签页面参数tag @app.route('/usercenter/<user_id>/<tag>') def usercenter(user_id, ta ...

  5. <nav>导航标签 和div标签一样,块属性标签</nav>    <main>内容区域,和section没有区别</main>    <section>内容区域,和main没有区别</sect

    <nav>导航标签 和div标签一样,块属性标签</nav>     <main>内容区域,和section没有区别</main>     <se ...

  6. html修改li字体,使用导航标签html5更改导航 ul li元素的字体大小

    我在css文档中遇到了设置自定义字体大小的问题.这是我的问题.我使用html5的导航标签.我在哪里必须放置font-size属性?使用导航标签html5更改导航> ul> li>元素 ...

  7. html纵向导航,【练习实例】HTML+CSS制作导航栏(横向与纵向)

    纵向导航栏 建立一个列表 主页 新闻 联系 关于 2. 定义列表基本样式 ul{ /*去掉列表的样式*/ list-style-type: none; width: 200px; background ...

  8. php左测导航栏,商城左侧大分类导航菜单教程完整代码

    提示:本页面右侧代码编辑器中的代码纯属展示调试代码 本代码最终的效果请用下面的的完整代码,复制到本地运行 完整代码html> 商城左侧大分类导航菜单 *{ margin:0; padding:0 ...

  9. html 纵向选项卡,竖直选项卡式面板的实现_html/css_WEB-ITnose

    前面的话: 我是html的初学者,懂得一些html的基本知识.最近开始学css,不会JavaScript.了解到adobe dw cs5的插入->spry有选项卡式面板的设计,对这个很感兴趣.但 ...

最新文章

  1. 数据结构与算法(6-2)二叉树的存储结构(顺序存储、链式存储)
  2. pandas pivot_table透视表、crosstab交叉表、aggfunc函数详解及实战
  3. Android动态控制状态栏显示和隐藏
  4. 拾取物品怎么实现_Dynamo如何实现图层的效果
  5. java hibernate sql,Java Hibernate中使用SQL 而不使用HQL
  6. 则执行C语言语句unsigned,部分C语言题目
  7. 通用单向链表设计(一)——接口的设计
  8. 宠物兽医体层摄影术行业调研报告 - 市场现状分析与发展前景预测(2021-2027年)
  9. Android下载网络图片并缓存
  10. Onenote插件,云扩容
  11. rfid sim卡 android,手机专用SIM卡的非接触移动支付技术标准之争:NFC vs RFID
  12. 进制转换函数 Java
  13. 英雄联盟php文件,英雄联盟-QQ网吧游戏特权-QQ网吧
  14. 《基于MFC的OpenGL编程》Part 7 Animation
  15. 如何写一个Vue自定义指令
  16. android底层优化什么意思,华为所谓的“优化”到底是什么意思 看完这段你就明白...
  17. 什么是java枚举_java枚举的概念是什么?有哪些方法?
  18. ThinkPad T440s 改 T450s
  19. 树莓派搭建微信小程序服务器传音频(局域网)
  20. (三) 查看USB设备

热门文章

  1. 微积分 --- 欧拉公式(个人学习笔记)
  2. viola jones人脸检测原理
  3. 王凯丽王俊凯到底是什么关系?
  4. 大专应届生内心独白:室友都有依靠,小丑竟是我自己。从3000的调酒师,到1.2w的Python开发,我走了大半年
  5. Ubuntu20.04 引导修复(亲测有效)
  6. 使用letsencrypt-certbot生成免费证书
  7. 学习杂记(如何让两个div在同一行)
  8. AttributeError: module ‘platform‘ has no attribute ‘linux_distribution‘
  9. 【我受够了】从销售自学Python三个月,我入职了(月薪1.5W)
  10. 72 R baging和boosting比较