<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>模拟华为官网</title>
<link type="text/css" rel="stylesheet" href="css/practice.css" />
<link type="text/css" rel="stylesheet" href="css/From.css" />
</head>
<body>
<!-- 布局开始 -->
<div>
<!-- 顶部LOGO -->
<div id="Navigation">
<div id="logo">
<img src="img/logo.png"/>
</div>
<!-- 导航栏 -->
<div class="">
<div class="">
<ul >
<li onclick="picsy()"><a href="#">首页</a></li>
<li><a href="https://baike.baidu.com/item/%E5%8D%8E%E4%B8%BA%E4%BC%81%E4%B8%9A%E6%96%87%E5%8C%96/5841005" onclick="piccCulture();return false">企业文化</a></li>
<li><a href="https://www.huawei.com/cn/executives" onclick="steam();return false">管理团队</a></li>
<li><a href="https://www.huawei.com/cn/corporate-information" onclick="pp();return false">企业简介</a></li>
<li onclick="picDV()"><a href="#" >华为测试</a></li>
</ul>
</div>
<!-- <div>
<ul>
<li></li>
</ul>
</div> -->
</div>
</div>
<!-- 中间显示 -->
<div>
<!-- 图片切换部分 -->
<div id="swit">
<div><img src="img/techclass.jpg" id="img"></div>
<div>
<ul id="oll">
<li><a href="img/img1.png" onclick="pi1();return false"><img src="img/img1.png"></a></li>
<li><a href="img/img2.png" onclick="pic();return false"><img src="img/img2.png" ></a></li>
<li><a href="img/img3.png" onclick="pi3();return false"><img src="img/img3.png"></a></li>
</ul>
</div>
</div>
<!-- 显示部分 -->
<div id="tuijian">
<h1><strong>推荐信息</strong></h1>
<div id="imgMessageFirst">
<div id="firstDV"><img src="img/1-matebook-x-pro-2022-2.jpg" onmouseover="btnIN()" onmouseleave="btnON()"/></div>
<div id="secondDV"><img src="img/nova-9se-pc.jpg"></div>
</div>
<div id="imgMessageSecond">
<div id="thirdDV"><img src="img/matepad-paper-pc-cn.jpg"/></div>
<div id="forthDV"><img src="img/whole-home.jpg"/></div>
</div>
</div>
<div id="Form">
<form method="post" action="">
<h2 align="center">华为官网满意度调查问卷</h1>
<ul class="question">
<li>Q1.官网是否美观( )。</li>
<li><input type="radio" name="Q1" value="20" />A.是</li>
<li> <input type="radio" name="Q1" value="0" />B.否</li>
</ul>
<ul class="question">
<li>Q2.官网内容是否简单明了( )。</li>
<li class="xx"><input type="radio" name="Q2" value="20" />A.是</li>
<li class="xx"> <input type="radio" name="Q2" value="-1" />B.否</li>
</ul>
<ul class="question">
<li>Q3.在您禁用脚本后,是否可以浏览最基本的信息</li>
<li class="xx"><input type="radio" name="Q3" value="20" />A.是</li>
<li class="xx"> <input type="radio" name="Q3" value="-5" />B.否</li>
</ul>
<ul class="question">
<li>Q4.您的浏览流畅程度</li>
<li class="xx"><input type="radio" name="Q4" value="20" />A.流畅</li>
<li class="xx"> <input type="radio" name="Q4" value="-3" />B.一般</li>
</ul>
<ul class="question">
<li>Q5.您的体验程度</li>
<li class="xx"><input type="radio" name="Q5" value="20" />A.非常好</li>
<li class="xx"> <input type="radio" name="Q5" value="-7" />B.一般</li>
</ul>
<div class="tijiao">
<li > <input class="button" id="tj" type="button" value="提交" onclick="checkResult();"/>
<input class="button" type="reset" value="重置" /></li>
</div>
</form>
</div>
<!-- 底部版权信息 -->
<div class="bottom">
<div id="gy">
<ul>
<li><a href="#"><strong>关于华为</strong></a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">可持续发展</a></li>
<li><a href="#">信任中心</a></li>
<li><a href="#">管理层信息</a></li>
</ul>
<ul>
<li><a href="#"><strong>新闻与活动</strong></a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">展会活动</a></li>
<li><a href="#">媒体图库</a></li>
</ul>
<ul>
<li><a href="#"><strong>发现华为</strong></a></li>
<li><a href="#">HUAWEITech</a></li>
<li><a href="#">出版物</a></li>
</ul>
<ul>
<li><a href="#"><strong>我们的产品</strong></a></li>
<li><a href="#">个人及家庭产品</a></li>
<li><a href="#">企业产品</a></li>
<li><a href="#">华为云服务</a></li>
</ul>
<ul>
<li><a href="#"><strong>技术支持</strong></a></li>
<li><a href="#">消费者技术支持</a></li>
<li><a href="#">华为云技术支持</a></li>
<li><a href="#">企业技术支持</a></li>
<li><a href="#">产品安全通告</a></li>
</ul>
</div>
<ul id="for">
<li><strong>友情链接:</strong>
<select size="1" name="d1" onChange="window.open(this.options[this.selectedIndex].value)">
<option>相关链接</option>
<option value="https://www.vmall.com/index.html/">华为商城</option>
<option value="https://www.hihonor.com/cn/shop/?cid=130666">荣耀商城</option>
<option value="https://huaweistore.tmall.com/">华为淘宝旗舰店</option>
<option value="https://hihonor.tmall.com/">荣耀淘宝旗舰店</option>
</select>
</li>
</ul>
<ul id="fiv">
<li>web初学者制作 2022-3-30©保留所有权利,未经允许不得擅自更改</li>
<li><a href="#">联系我们</a></li>
<li><a href="#">法律声明</a></li>
<li><a href="#">隐私声明</a></li>
<li><a href="#">除名查询</a></li>
</ul>
</div>
</div>
<script src="js/animation.js"></script>
<script src="js/switPic.js"></script>
<script src="js/table.js"></script>
<script src="js/picDV.js"></script>
</body>
</html>
评论0