第二次作业-模仿实现主流网页

唱吧应用介绍

最新推荐文章于 2021-09-02 15:28:50 发布

转载最新推荐文章于 2021-09-02 15:28:50 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yun520-/p/10631694.html

唱吧是一款专注于手机K歌的应用程序，支持随时随地录制和分享歌曲。该应用提供了丰富的伴奏资源和社交互动功能，如个人秀展示、会员特权、直播功能等。

马云：https://gitee.com/peng_1314/codes/qcwi6n9omhfkj825tbvs156

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
    <meta name="keywords" content="唱吧一个手机K歌神器"/>
    <meta name="description" content="唱吧可以随时随地唱歌，实现你的音乐梦。"/>
    <link rel="stylesheet" href="//cb.cdn.changbaimg.com/css/officialwebsite/reset.min.css" type="text/css" />
    <link href="//cb.cdn.changbaimg.com/css/officialwebsite/home.min.css?ver=1.0.4" rel="stylesheet" />
    <title>我的音乐梦</title>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?c2108cecb893efe72408d1a73fd53c01";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</head>
<body>
    <div class="public-bg-color overflow-hidden">
        <link href="//cb.cdn.changbaimg.com/css/officialwebsite/common.min.css?ver=1.0.8" rel="stylesheet" />
<div class="public-area public-nav min-pc-width clearfix">
    <a href="http://changba.com"><img src="//dn-changba.qbox.me/images/officialwebsite/logo.png" class="public-logo" alt="personal KTV" /></a>x
    <div class="right">
                <a href="javascript:;" class="public-nav-current public-nav-link">first</a>
                        <a href="https://changba.com/now/stars/index.html" class="public-nav-link" style="margin-left: 25px;">个人秀</a>
                        <a href="http://changba.com/now/membercenter.php" class="public-nav-link" style="margin-left: 25px;">充会员啦</a>
                        <a href="http://changba.com/payment/recharge.php" class="public-nav-link" style="margin-left: 25px;">充金币啦</a>
                        <a href="http://changba.com/now/banzou/list.php" class="public-nav-link" style="margin-left: 25px;">分享歌曲</a>
                        <a href="/now/zhibo/zhibo.php" class="public-nav-link" style="margin-left: 25px;">开直播啦</a>
                        <a href="https://changba.com/now/musicianPage/musicianIndex.php" class="public-nav-link" style="margin-left: 25px;">MUSICIAN</a>
                        <a href="https://changba.com/now/joinus.php" class="public-nav-link" style="margin-left: 25px;">JOIN US</a>
        
    </div>
</div>
        <div class="home-download-container public-area">
            <img src="//cb.cdn.changbaimg.com/assets/images/wap/member-center/ktvNew.png?v=bddec87848" class="home-download-ktv" alt="我的音乐梦" />
            <a href="#home-download" class="home-download-link">DOWNLOAD</a>
        </div>

        <div class="home-display-container public-area">
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top1.png?ver=1.0.2" class="home-display-img home-display-img1" alt="唱吧App" />
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top2.png?ver=1.0.2" class="home-display-img home-display-img2" alt="唱吧App" />
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top3.png?ver=1.0.3" class="home-display-img home-display-img3" alt="唱吧App" />
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top4.png?ver=1.0.2" class="home-display-img home-display-img4" alt="唱吧App" />
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/top5.png?ver=1.0.2" class="home-display-img home-display-img5" alt="唱吧App" />
        </div>
    </div>

    <ul class="public-area home-feature-ul">
        <li class="home-feature-li">
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display1.jpg?ver=1.0.0" alt="我的音乐梦" />
            <div class="home-feature-description">我的音乐梦</div>
        </li>
        <li class="home-feature-li">
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display2.jpg?ver=1.0.0" alt="独一无二的伴奏" />
            <div class="home-feature-description">独一无二的伴奏</div>
        </li>
        <li class="home-feature-li">
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display3.jpg?ver=1.0.0" alt="最牛小伙伴" />
            <div class="home-feature-description">最牛小伙伴</div>
        </li>
        <li class="home-feature-li">
            <img src="//cb.cdn.changbaimg.com/images/officialwebsite/index/display4.jpg?ver=1.0.0" alt="周边兴趣群组" />
            <div class="home-feature-description">周边兴趣群组</div>
        </li>
        <li class="home-feature-li home-feature-place-li"></li>
    </ul>
    </div> 
    <script type="text/javascript" src="//cb.cdn.changbaimg.com/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="//cb.cdn.changbaimg.com/js/widget/jquery.ui.widget.min.js"></script>
    <script src="//cb.cdn.changbaimg.com/js/officialwebsite/home.min.js?ver=1.0.9"></script>
    </body>
</html>

转载于:https://www.cnblogs.com/yun520-/p/10631694.html