-
Notifications
You must be signed in to change notification settings - Fork 0
/
search.html
72 lines (70 loc) · 2.39 KB
/
search.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>search</title>
<link rel="stylesheet" type="text/css" href="./css/base.css">
<link rel="stylesheet" type="text/css" href="./css/search.css">
<link rel="stylesheet" type="text/css" href="./css/index.css">
<script type="text/javascript" src='./js/jquery.js'></script>
<script type="text/javascript" src="./js/jquery.cookie.js"></script>
<script type="text/javascript">
var pixelRatio = 1 / window.devicePixelRatio;
document.write('<meta name="viewport" content="width=device-width,initial-scale=' + pixelRatio + ',minimum-scale=' + pixelRatio + ',maximum-scale=' + pixelRatio + '" />');
/*设置html字体大小，作为rem单位的基准*/
var html = document.getElementsByTagName('html')[0];
var pageWidth = html.getBoundingClientRect().width;
html.style.fontSize = pageWidth / 16 + 'px';
</script>
</head>
<body>
<div class="searchPage-header">
<a href="./index.html">关闭</a>
<form action="./searchResult.html">
<input type="text" name=""/>
</form>
</div>
<div class="searchPage-nav">
<ul>
<li>
<a href="#" class="searchPage-nav-movie">电影</a><span>影院热映</span>
</li>
<li>
<a href="#" class="searchPage-nav-tv">电视</a><span>正在热播</span>
</li>
<li>
<a href="#" class="searchPage-nav-book">图书</a><span>畅销排行</span>
</li>
</ul>
<ul>
<li>
<a href="#" class="searchPage-nav-city">同城</a><span>周末活动</span>
</li>
<li>
<a href="#" class="searchPage-nav-team">小组</a><span>志趣相投</span>
</li>
<li>
<a href="#" class="searchPage-nav-music">音乐</a><span>新活动</span>
</li>
</ul>
</div>
<div class="searchPage-content">
<ul>
<li><a href="#" class="searchPage-content-userName">用户姓名</a><span>|</span></li>
<li><a href="#" class="searchPage-content-exit">退出豆瓣</a><span></span></li>
</ul>
<ul>
<li><a href="#" class="searchPage-content-register">注册</a><span>|</span></li>
<li><a href="#" class="searchPage-content-desktopEdition">使用桌面版</a><span></span></li>
</ul>
</div>
</body>
<script type="text/javascript">
$(function(){
$('.searchPage-header').on('submit',function(){
var searchQuery=$(this).find('input').val();
$.cookie('searchQuery', searchQuery, { expires: 7, path: '/' });
});
})
</script>
</html>