doubanMobile/book.html at master · CliffKnight/doubanMobile · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>book</title>
    <link rel="stylesheet" type="text/css" href="./css/base.css">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/book.css">
    <script type="text/javascript" src='./js/jquery.js'></script>
    <script type="text/javascript" src="./js/jquery.cookie.js"></script>
    <script type="text/javascript" src='./js/modules/books.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="header-bar">
        <h1 class="header-bar-title"><a href="./index.html">豆瓣</a></h1>
        <ul class="nav">
            <li>
                <a href="./movie.html" class="header-bar-movie">电影</a>
            </li>
            <li>
                <a href="./book.html" class="header-bar-books">图书</a>
            </li>
            <li>
                <a href="#" class="header-bar-video">广播</a>
            </li>
            <li>
                <a href="#" class="header-bar-team">小组</a>
            </li>
        </ul>
        <span class="talion"><a href="search.html"></a></span>
    </div>
    <div class="banner"></div>
</body>
<script type="text/javascript">
$(function() {
    var initBooks = new books();
    initBooks.getBooks('https://api.douban.com/v2/book/search?q=科幻&count=8', '科幻').getBooks('https://api.douban.com/v2/book/search?q=武侠&count=8', '武侠').getBooks('https://api.douban.com/v2/book/search?q=最新&count=8', '最新');
});
</script>
</html>