360搜索首页案例（HTML）

最新推荐文章于 2024-01-25 13:45:27 发布

Lxq0218

最新推荐文章于 2024-01-25 13:45:27 发布

阅读量3k

点赞数

文章标签： web js html javascript css

本文链接：https://blog.csdn.net/Lxq0218/article/details/118466132

版权

360搜索引擎网页布局导航栏搜索框交互设计

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/360.css"/>
	</head>
	<body>
		<div class="nav">
			<ul class="lan">
				<li>360导航</li>
				<li>资讯</li>
				<li>视频</li>
				<li>图片</li>
				<li>良医</li>
				<li>地图</li>
				<li>百科</li>
				<li>文库</li>
				<li>采购</li>
				<li class="more"><a id="more" href="">更多</a>
					<div id="moreDiv" class="more-div">
						<ul>
							<li>
								<a href="http://en.so.com/?src=tab_web">英文</a>
								
							</li>
							<li>
								<a href="">问答</a>
							
							</li>
							<li>
								<a href="">翻译</a>
							
							</li>
							<li>
								<a href="">音乐</a>
								
							</li>
							<li>
								<a href="">软件</a>
								
							</li>
							<li>
								<a href="">趋势</a>
								
							</li>
							<li>
								<a href="">学术</a>
								
							</li>
							<li>
								<a href="">全部</a>
								
							</li>
			</div>
			</ul>
			<ul class="lan2">
				<li>登录</li>
                <li>换肤</li>
                <li>设置</li>
			</ul>
		</div>
		
		<div class="tupan">
			<img src="https://p.ssl.qhimg.com/t012cdb572f41b93733.png"/>
		</div>
		<div class="sousuo">
			<input type="text"  id="gjz">
			<ul id="lb"></ul>
		</div>
		<div class="sousuo2">
			<input type="button" name="" id="" value="搜索"/>
		</div>
		<div class="bottom-nav">
			<ul class="dh">
				<li>360浏览器客户端官网 |</li>
				<li>意见反馈 |</li> 
				<li>违法举报 |</li>
				<li>使用帮助 |</li>
				<li>使用协议 |</li>
				<li>隐私条款 |</li>
				<li>免责声明 |</li>
				<li>站长平台 |</li>
			    <li>推广合作 |</li>
			    <li>360搜索联盟</li>
			</ul>
		</div>
	</body>
	<script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/demo.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/360.js" type="text/javascript" charset="utf-8"></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
	<script src="js/360tianqi.js" type="text/javascript" charset="utf-8"></script>
</html>