| | |
|---|
| | | <body> |
|---|
| | | <!-- 导航栏 --> |
|---|
| | | <ul class="nav"> |
|---|
| | | <li><a id="stock" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li> |
|---|
| | | <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li> |
|---|
| | | <li><a id="led" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li> |
|---|
| | | <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">主控图</a></li> |
|---|
| | | <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">输送设备</a></li> |
|---|
| | | <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">堆垛机</a></li> |
|---|
| | | <li class="right"><a id="about" class="nav-unselect" onclick="nav(this.id)" href="#">关于</a></li> |
|---|
| | | </ul> |
|---|
| | | |
|---|
| | | <!-- 主体内容 --> |
|---|
| | | <iframe id="content" src="console.html"></iframe> |
|---|
| | | <iframe id="content" src="pipeline.html"></iframe> |
|---|
| | | |
|---|
| | | <footer class="footer"> |
|---|
| | | Copyright © 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">浙江中扬物流装备有限公司</a> 保留所有权利 |
|---|
| | | </footer> |
|---|
| | | </body> |
|---|
| | | <script> |
|---|
| | | // 导航栏 |
|---|
| | | function nav(id) { |
|---|
| | | $('.nav-select').attr("class", "nav-unselect"); |
|---|
| | | $('#'+id).attr("class", "nav-select"); |
|---|
| | | $('#content').attr("src", id+".html"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
| | | </html> |
|---|
| | | |
|---|
