⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 main.html

📁 网页代码
💻 HTML
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>御风——我们的四旋翼</title>
<link rel="stylesheet" href="css/mainstyle.css" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


</head>

<body>
<div id="page" align="center">
  <div id="header" align="center"> <!--logo & title-->
   	<div id="logo" class="titletex">
        <img width="110" height="110" src="images/logo.png" />
      </div>
        
      <div id="pagetitle">
       	  <div id="title" class="titletex" align="right">御风——我们的四旋翼官方网站</div>
      </div>
    </div>
     <div id="content" align="center"><!--menu & articles-->
     	<div id="menu" align="right">
        <div align="right" style=" width:189px; height:8px;">
        	<img width="189" height="8" src="images/mnu_topshadow.gif" />
        </div>
        <div id="linksmenu" align="center">
        	<a title="doc" href="./index.html">技术文档</a>
            <a title="pictures" href="./pictures.html">相册</a>
            <a title="videos" href="./video.html">视频</a>
            <a title="about us" href="./index.html">关于我们</a>
            <a title="contact us" href="./index.html">联系我们</a>
         </div>
         <div align="right" style="width:189px; height:8px;">
         <img width="189" height="8" src="images/mnu_bottomshadow.gif"/>
         </div>
         </div>
         <div id="contenttext">
         <div class="bodytext" align="justify" style="padding:12px;">
         	<strong>我们的御风</strong>
            <br/>
            <br/>
            本来想给四旋翼取名为“精卫”,虽然“精卫”这个名字背后包含了一个神话故事,精卫填海比喻志士仁人所从事的艰巨卓越的事业,但觉得“精卫”这个名字太柔弱了。后看见风神这个名字,想起叫“御风”,驾御着风的飞行器,哈~
            </div>
            <div class="panel" align="justify">
            	<span class="date">Feb 26 , 2009</span>
                <span class="orangetitle"> “御风”组成部件</span>
                
                <span class="bodytext">
                	<br/>
                    <a id="iamge1" title="飞行控制板" rel="lightbox" href="images/control_card.bmp">
                  <img border="0" alt="stupy" src="images/control_card.bmp" width="144" height="100" id="drone"/>
                  </a>
                    <ul>
                    	<li>电调</li>
                        <li>遥控器</li>
                        <li>接收机</li>
                        <li>锂电池</li>
                        
                    	<li>飞行控制板</li>
                        	<ul>
                            <li>电容(若干)</li>
                            <li>贴片电阻(若干)</li>
                            <li>稳压器</li>
                            <li>压力传感器</li>
                                                  
                            <li>加速度传感器</li>
                            <li>俯仰和滚动陀螺仪</li>
                            <li>偏航陀螺仪</li>
                            <li>AVR单片机</li>
                            </ul>
                      <li>机械部分</li>

                             <ul>
                             <li>无刷电机(4个)</li>
                             <li>螺旋桨(2对)</li>
                             <li>铝合金尾管(4根)</li>
                             <li>有机玻璃底板(3块)</li>
                             <li>碳纤维起落架</li>
                             </ul>
                         </ul>
                 </span>
                  
                                                  
             </div>
             <div class="panel" align="justify">
             <span class="date">Feb 27 , 2009</span>
             <span class="orangetitle"> 用Pro/E做的“御风”模型</span>
             <span class="bodytext">
            <a id="iamge1" title="Pro/E模型" rel="lightbox[roadtrip]" href="images/drone-4t.bmp">
                  <img border="0" alt="stupy" src="images/drone-4.bmp" width="144" height="100" id="drone2"/>
                  </a>
            <a id="iamge1" title="Pro/E模型" rel="lightbox[roadtrip]" href="images/drone-3t.bmp">
                  <img border="0" alt="stupy" src="images/drone-3.bmp" width="144" height="100" id="drone2"/>
                  </a>
            
             <a id="iamge1" title="Pro/E模型" rel="lightbox[roadtrip]" href="images/drone-2t.bmp">
                  <img border="0" alt="stupy" src="images/drone-2.bmp" width="144" height="100" id="drone2"/>
                  </a>
             
              <a id="iamge1" title="Pro/E模型" rel="lightbox[roadtrip]" href="images/drone-1t.bmp">
                  <img border="0" alt="stupy" src="images/drone-1.bmp" width="144" height="100" id="drone2"/>
                  </a>
              
             
             </span>
             </div>
             
       </div>
       </div>  
           
       <div id="footer" class="graytext" align="center">
       <p>
	      Copyright &copy; 2009 御风飞行器制作小组 版权所有 StillyAroma.com All rights reserved.
	    </p>
        </div>
     </div>             
           	
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -