js-withjq_website
/
read.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keyword" content="博豪书店">
    <meta name="description" content="博豪书店专卖正版">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="icon" href="images/favicon.ico">
    <title>读书的意义</title>
    <style>
        .sens_of{
            margin-top: 20px;
        }
        .choose{
            height: 40px;
            width: 1200px;
            margin: 20px auto;
            text-align: center;
            position: relative;
        }
        .choose li{
            display: inline-block;
            height: 40px;
            width: 230px;
            background-color: #cccccc;
            text-align: center;
            line-height: 40px;
        }
        .choose li a{
            text-decoration: none;
        }
        .choose li:nth-child(1){
            position: absolute;
            left: 0;
        }
        .choose li:nth-child(2){
            position: absolute;
            left: 450px;
        }
        .choose li:nth-child(3){
            position: absolute;
            right: 0;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="nav">
        <a href="index.html" style="opacity: 0.7"><img src="images/logo.gif" alt="book"></a>
        <div>
            <ul>
                <li><span id="collection">★收藏本站</span></li>
                <li><span id="welcome"></span>您好，欢迎光临博豪书店！</li>
                <li><a href="login.html">登录</a><a href="register.html">|注册</a></li>
<!--                <li><a href="new.html">新手入门</a><b></b></li>-->
<!--                <li><a href="myCount.html">我的账户</a><b></b></li>-->
                <li><a href="help.html">帮助中心</a><b></b></li>
                <li><a href="write.html">留言板🖊</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="content">
    <div class="sens_of" style="text-align: center">
        <h2>亲爱的客人，欢迎来到这里，在这里我将带领你了解读书的意义！</h2>
    </div>
    <div class="statement">
        <div class="choose">
            <ul>
                <li style="width: 300px;display: inline-block"><a href="sens_of_read.html" target="info">了解读书的意义</a></li>
                <li style="width: 300px;display: inline-block"><a href="chinese.html" target="info">了解中国文化</a></li>
                <li style="width: 300px;display: inline-block"><a href="sens_of_edu.html" target="info">简述务教育的意义</a></li>
            </ul>
        </div>
        <div>
            <iframe src="sens_of_read.html" name="info" frameborder="0" style="height: 525px;width: 1200px;border: 1px solid #cccccc;margin-left: 159px;"></iframe>
        </div>
    </div>
    <div class="navService">
        <a href="index.html" class="mywinxuan"></a>
        <a href="Cart.html" class="cart"></a>
        <a href="write.html" class="service J_service_nav"></a>
    </div>
</div>
<div class="footer">
    <span>Copyright(c):张德豪 版权所有 0898-26805653</span>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/index.js"></script>
<script src="js/index_jQueryCode.js"></script>
</body>
</html>