css 随便看看


body {background: #efefef url(./images/dashboard/bg.png) repeat-y scroll; padding: 0px; margin: 0px}
ul, li {margin: 0px; padding: 0px}
body, ul, td, div, h1, h2, h3, h4, h5 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif}
img {border: 0px}
/*头部 没有用浮动定位 是用的绝对定位 + 偏移*/
div#dashboard-header {background: transparent url(./images/dashboard/bg_header.png) repeat-x scroll; position: absolute; top: 0px; left: 0px; height: 53px; width: 100%; z-index: 10}
/*命名规范 元素+id 能清晰的知道是给什么元素修饰的样式 */
div#system-nav-wrapper1 {position: absolute; top: 0; right: 0; z-index: 15; text-align:right; width:50%; }

ul#system-nav {height: 45px; border-left: 1px solid #d7d7d7; float:right;}
ul#system-nav li {
float: left;
border-right: 1px solid #d7d7d7;
margin: 0px 0px 0px 0px !important; /*ie6 不认 支持FF and ie7*/
background: transparent url(../images/bg_header_rib.png) repeat-x scroll;
padding: 0px 0px 1px px !important;
list-style-type: none;
}
/*绝对定位到右方 距离上边45px*/
#dashboard-version{text-align:right; position:absolute; top:46px; right:0px; font-size:11px; color:#888; padding:4px; z-index:-1}

ul#system-nav li a, ul#system-nav li span {display: block; padding: 15px 9px 14px 28px; text-align: center; background-repeat: no-repeat; font-size: 13px; font-weight: bold; color: #787878; text-decoration: none; border-right: 1px solid #fff}
ul#li span {color: #cecece}/*覆盖上边同意定于的颜色 内属性>id>class>元素 */
ul#system-nav li:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
ul#system-nav a:hover {border-right: none; padding-right: 10px; color: #333}
/*通过定位图片的位置 是图标在合适的位置*/
a.nav-loading {background-image: url(./images/icons/icon_header_loading.gif) !important;}
ul#system-nav #nav-return {background-image: url(./images/dashboard/icon_return_to_website.png); background-position: 6px 14px !important}
ul#ccm-system-nav #ccm-nav-logout {background-image: url(./images/dashboard/icon_logout.png); background-position: 5px 14px !important}
ul#ccm-system-nav #ccm-nav-dashboard-help {background-image: url(./images/icons/icon_header_help.png); background-position: 6px 15px !important}
ul#ccm-system-nav #ccm-nav-dashboard-help.ccm-nav-loading {background-position: 6px 14px !important}
/*右侧的导航 top:45px*/
div#dashboard-nav {position: absolute; top: 45px; left: 0px; width: 200px; z-index: 2}
div#dashboard-nav li {display: block; width: 200px; background: #ededed url(./images/dashboard/bg_nav.png) repeat-x scroll; border-bottom: 1px solid #e1e1e1}
div#dashboard-nav li a {color: #787878; font-weight: bold; display: block; font-size: 13px; height: 40px; overflow: hidden; padding: 6px 11px 0px 12px; text-decoration: none}
div#dashboard-nav li a:hover {background: #A2DAFD url(../images/bg_header_active.png) repeat-x scroll;}
/*激活时候的样式*/
div#dashboard-nav li.nav-active a {background: #cdd9dd url(./images/dashboard/bg_nav_active.png) repeat-x scroll bottom right}
div#dashboard-nav li a span {font-family: "Helvetica Neue", Arial, Helvetica; font-size: 11px; color: #a8a8a8; height: 12px; overflow: hidden; font-weight: normal; display: block; margin-top: 1px}

/*
div#ccm-dashboard-page{ width:auto; padding-left:225px; margin:0px; padding-right:20px; padding-top:70px; padding-bottom:30px }
div#ccm-dashboard-content {width:auto; height:auto; padding:0px; overflow:hidden }
{ margin: 70px 30px 30px 225px; }
div#ccm-dashboard-content {width:auto; position: absolute; left:225px; top:70px; margin-bottom:30px; margin-right:30px; padding:0px }
*/

资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 四路20秒声光显示计分抢答器Multisim14仿真源文件+设计文档资料摘要 数字抢答器由主体电路与扩展电路组成。优先编码电路、锁存器、译码电路将参赛队的输入信号在显示器上输出;用控制电路和主持人开关启动报警电路,以上两部分组成主体电路。通过定时电路和译码电路将秒脉冲产生的信号在显示器上输出实现计时功能,构成扩展电路。经过布线、焊接、调试等工作后数字抢答器成形。关键字:开关阵列电路;触发锁存电路;解锁电路;编码电路;显示电路 一、设计目的 本设计是利用已学过的数电知识,设计的4人抢答器。(1)重温自己已学过的数电知识;(2)掌握数字集成电路的设计方法和原理;(3)通过完成该设计任务掌握实际问题的逻辑分析,学会对实际问题进行逻辑状态分配、化简;(4)掌握数字电路各部分电路与总体电路的设计、调试、模拟仿真方法。 二、整体设计 (一)设计任务与要求: 抢答器同时供4名选手或4个代表队比赛,分别用4个按钮S0 ~ S3表示。 设置一个系统清除和抢答控制开关S,该开关由主持人控制。 抢答器具有锁存与显示功能。即选手按动按钮,锁存相应的编号,并在LED数码管上显示,同时扬声器发出报警声响提示。选手抢答实行优先锁存,优先抢答选手的编号一直保持到主持人将系统清除为止。 参赛选手在设定的时间内进行抢答,抢答有效,定时器停止工作,显示器上显示选手的编号和抢答的时间,并保持到主持人将系统清除为止。 如果定时时间已到,无人抢答,本次抢答无效。 (二)设计原理与参考电路 抢答器的组成框图如下图所示。它主要由开关阵列电路、触发锁存电路、解锁电路、编码电路和显示电路等几部分组成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值