CSS选项卡、滑动门菜单代码

*{margin:0;padding:0;}

body{margin:50px;font-size:12px;color:#666;}

li{list-style:none;}

div{width:210px;}

#tab1,#tab2{width:398px;height:34px;border:1px #cfedff solid;border-bottom:0;background:url(http://p1.mb5u.com/texiao/20100522230732245.gif) repeat-x;}

#tab1 ul,#tab2 ul{margin:0;padding:0;}

#tab1 li,#tab2 li{float:left;padding:0 30px;height:34px;line-height:34px;text-align:center;border-right:1px #ebf7ff solid;cursor:pointer;}

#tab1 li.now,#tab2 li.now{color:#5299c4;background:#fff;font-weight:bold;}

.tablist{width:378px;height:100px;padding:10px;font-size:14px;line-height:24px;border:1px #cfedff solid;border-top:0;display:none;}

.block{display:block;}

function setTab(m,n){

var menu=document.getElementById("tab"+m).getElementsByTagName("li");

var showdiv=document.getElementById("tablist"+m).getElementsByTagName("div");

for(i=0;i

{

menu[i].className=i==n?"now":"";

showdiv[i].style.display=i==n?"block":"none";

}

}

  • 源代码
  • ASP
  • PHP
  • JSP
模板无忧提供各类编程源码,网页源代码。
ASP类下载区,优质源代码。
PHP类,学习型的下载乐园。
高端WEB编程JSP源代码,欢迎浏览。

  • 软件下载
  • 图形软件
  • 下载工具
  • 站长相关
模板无忧提供各类编程源码,软件下载。
图形软件下载区。
下载乐园。
站长常用软件,欢迎浏览。

滑动门套滑动门css,CSS选项卡、滑动门代码相关推荐

  1. java安装好了打不开机_门套安装是45度拼接还是直角好?当初不懂行,没有半年就重装!...

    [图文摘自网络,如有侵权请联系删除] 业主在装修的时候都会遇到各种各样的问题,而大多数情况下,因为经验不足很容易吃一定的亏,特别在装修细节上,一个不注意,有可能到时候后悔就晚了,今天就来和大家聊聊关于 ...

  2. 木门工厂木门、门套、套线公式和算法

    为了提高效率,节省成本,智点软件应邀为喻氏门厂建设企业信息化管理系统,主要解决木门.门套.窗套净尺寸计算:不同套线按不同公式计算不同价格,套线尺寸及数量计算:工人工序计件工资计算等. 门厂各参数: 门 ...

  3. windows7 安装哪个版本的vs_门套安装45度拼接VS直角拼接,哪个更好?

    本文共1117字,阅读需要3分钟 业主在装修的时候都会遇到各种各样的问题,而大多数情况下,因为经验不足很容易吃一定的亏,特别在装修细节上,一个不注意,有可能到时候后悔就晚了,今天就来和大家聊聊关于装修 ...

  4. html如何做滑动门效果,JS+CSS实现简单滑动门(滑动菜单)效果

    本文实例讲述了JS+CSS实现简单滑动门的方法.分享给大家供大家参考.具体如下: 这是一款超简约设计的滑动门菜单,鼠标放到主菜单上,里面的内容会跟着变化,实际上本演示是一个范例,从代码中的注释你就能感 ...

  5. css滑动门技术的应用,DIV+CSS滑动门技术简介

    你对DIV+CSS滑动门技术的概念和使用是否熟悉,这里和大家分享一下,其实DIV+CSS滑动门技术是一种只需要鼠标悬停便可自动切换板块的JS特效,相信本文介绍一定会让你有所收获. DIV+CSS滑动门 ...

  6. CSS——CSS滑动门及其应用(制作微信导航栏) ※

    滑动门 先来体会下现实中的滑动门,或者你可以叫做推拉门: 滑动门出现的背景 制作网页时,为了美观,常常需要为网页元素设置特殊形状的背景,比如微信导航栏,有凸起和凹下去的感觉,最大的问题是里面的字数不一 ...

  7. 可自动定时切换的选项卡/滑动门导航代码

    代码简介: 这个滑动门特效不错,可以设定时间,自动循环切换,也可以鼠标控制,而且选项卡也比较漂亮,在新浪和百度见到过这种自动切换的TAB,很实用,代码也简洁. 代码内容: <!DOCTYPE h ...

  8. css菜单缓慢滑动_如何使用HTML,CSS和JavaScript构建滑动菜单栏

    css菜单缓慢滑动 by Supriya Shashivasan 由Supriya Shashivasan 如何使用HTML,CSS和JavaScript构建滑动菜单栏 (How to build a ...

  9. CSS+jQuery实现滑动幻灯片实例详解

    HTML部分代码 Start with having a wrapping container div called main_view , and two sections nested insid ...

  10. 移动端html右滑空白,BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法...

    最近的一个项目 前台使用了 bootstrap.css + angularjs, 后台只处理数据(用的php,处理结果直接 json_encode($arr),非常爽).一直在Chrome的仿真机测试 ...

最新文章

  1. Git的使用-将本地项目上传至Github/Github下载代码至本地-MAC
  2. 【自动驾驶】25.激光雷达 标定 相机
  3. java中main函数解析
  4. WriteComponent,ReadComponent
  5. no module named numpy_nn.functional和nn.Module
  6. EasyDarwin开源流媒体服务器如何实现按需推送直播的
  7. zabbix自动同步ldap帐号到数据库
  8. matlab 函数整理(资料备份儿)
  9. 跟周鸿祎学互联网思维 ——《周鸿祎自述|我的互联网方法论》读后感
  10. 计算机网络管理员操作技能考试试卷操作,计算机网络管理员高级工操作技能考核试卷(第一套)...
  11. phalapi可以依赖注入么_3.2 PhalApi 配置
  12. Gitlab备份和恢复操作记录
  13. 搭建内网DNS服务器教程
  14. N条线段求交的扫描线算法
  15. win11任务图标变成白色处理方法
  16. 2020Web前端的学习之路,以及反省自身的不足之处。
  17. 音视频开发学习(三) -- RGB YUV HSV 颜色空间
  18. 2014春江苏省计算机二级vb笔试考试真题详细讲解,2013春江苏省计算机二级VB笔试考试真题...
  19. 3.11 使用污点修复画笔工具去除面部皱纹 [Ps教程]
  20. bugku~小山丘的秘密

热门文章

  1. idea导入Javaweb项目
  2. hp laserjet 1213 linux驱动下载,惠普HP LaserJet Pro M1213nf一体机驱动
  3. VMP 虚拟机(加壳原理)
  4. J2EE(环境搭建)
  5. mysql的驱动jar包下载
  6. 2022华为软件精英挑战赛——梯度方法
  7. 2020华为软件精英挑战赛初赛-Java版本
  8. 线性代数:矩阵运算常用公式
  9. LNMP(Nginx服务,MySQL 服务,安装PHP服务 手动安装技术文档)
  10. Unity使用中文包