B2主题-B2美化首页动态搜索贰

释放双眼，带上耳机，听听看~！

本文是《B2主题美化（共19篇）》专题的第 19 篇。阅读本文前，建议先阅读前面的文章：

前言：

很久没关注B2主题美化这方面了，首页搜索用了挺久一段时间，是时候换换口味了。打开之前做美化子主题的网站，果然换新了，不多说，直接上手扒（毕竟人家辛辛苦苦写出来，找人家白嫖是不大可能给）不过嘛，偷偷扒来用用问题不大。

效果：

直接上代码：

<script type='text/javascript' src='wp-content/themes/b2child/Custom/newshousuo/js/jquery-3.6.0.min.js'
    id='b2-child-2-js'></script>
<script type="text/javascript" src="/wp-content/themes/b2child/Custom/newshousuo/js/shishisj.js"></script>
<script src="/wp-content/themes/b2child/Custom/newshousuo/js/js.js"></script>
<link rel="stylesheet" href="/wp-content/themes/b2child/Custom/newshousuo/css/datujianyue.css" type="text/css"
    media="all">
<div class="" style="width:100%">
    <div id="page-wrapper">
        <div class="home-banner por"><video autoplay="autoplay" muted="" loop="true"
                src="https://momeis.net/mp4/dongtaisawf.mp4" id="background-vod"
                style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);object-fit: cover;height: 100%;width: 100%;z-index: 1;display: block;"></video>
            <section class="section" style="z-index:2;">
                <div class="video-wrapper"> <img src=""> </div>
                <div class="video-overlay"> </div>
            </section>
            <div class="wrapper poa" style="top: 0;left: 50%;margin-left: -600px;z-index:2;">
                <div class="home-banner-content Onecad_clearfix">
                    <div class="slogan-text por fl">
                        <p>墨梅博客-分享互联网资源</p> <a href="" target="_blank"> <i class="iblock poa corner"
                                style="background:url(/wp-content/themes/b2child/Custom/newshousuo/imgsvg/rentu.svg) no-repeat;"></i>
                        </a>
                        <p class="promote-sub-title line-one"> 注册//登录☞积分免费下载全站内容 </p>
                    </div>
                </div>
                <div class="home-banner-search por searchv2-top-m">
                    <link rel="stylesheet" id="qinghescss"
                        href="/wp-content/themes/b2child/Custom/newshousuo/css/styleone.css" type="text/css"
                        media="all">
                    <div class="so">
                        <form method="get" class="form" action="https://momeis.net/s" target="_blank">
                            <div class="search-type"
                                style="background-image:url(/wp-content/themes/b2child/Custom/newshousuo/imgsvg/momeis.svg);">
                            </div>
                            <div id="engine" style="display:none;">
                                <ul>
                                    <li class="qinghe"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/momeis.svg"><span>墨梅博客</span>
                                    </li>
                                    <li class="baidu"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/baidu.svg"><span>百度</span>
                                    </li>
                                    <li class="bing"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/bing.svg"><span>必应</span>
                                    </li>
                                    <li class="google"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/google.svg"><span>谷歌</span>
                                    </li>
                                    <li class="sogou"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/sogou.svg"><span>搜狗</span>
                                    </li>
                                    <li class="360"><img style="width: 21px;"
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/360.svg"><span>360</span>
                                    </li>
                                    <li class="wechat"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/wechat.svg"><span>微信</span>
                                    </li>
                                    <li class="github"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/github.svg"><span>GitHub</span>
                                    </li>
                                    <li class="bilibili"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/bilibili.svg"><span>B站</span>
                                    </li>
                                    <li class="zhihu"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/zhihu.svg"><span>知乎</span>
                                    </li>
                                    <li class="douban"><img
                                            src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/douban.svg"><span>豆瓣</span>
                                    </li>
                                </ul>
                            </div>
                            <input type="text" class="field" id="search-text" style="outline:0;width: 70%;"
                                maxlength="2048" placeholder="输入关键词进行搜索…" autofocus="autofocus" autocomplete="off"
                                value="" name="wd">
                            <div class="delete" style="display:none;"><img
                                    src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/delete.svg">
                            </div>
                            <button type="submit" class="submit" id="submit" disabled="disabled"><img
                                    src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/sosuo.svg"></button>
                            <ul id="Sugword" style="display:none;"></ul>
                        </form>
                    </div>
                    <script src="/wp-content/themes/b2child/Custom/newshousuo/js/soso.js"></script>
                    <p class="home-banner-links line-one">热搜词：<a href="https://momeis.net/?s=神仙自动救砖"
                            target="_blank">神仙自动救砖</a><a href="https://momeis.net/?s=FFCell"
                            target="_blank">FFCell</a><a href="https://momeis.net/?s=Xposed "
                            target="_blank">Xposed</a><a href="https://momeis.net/?s=lataclysm "
                            target="_blank">lataclysm</a><a href="https://momeis.net/?s=系统工具 " target="_blank">系统工具</a>
                    </p>
                    <style>
                        p.home-banner-linkss.line-one1 {
                            width: 92%;
                            font-size: 14px;
                            height: 20px;
                            line-height: 20px;
                            color: #fff;
                            text-shadow: 0 2px 4px rgb(0 0 0 / 27%);
                            margin-top: 40px;
                            text-align: center
                        }
                    </style>
                    <p class="home-banner-linkss line-one1"> 本站已稳定运行: <b>
                            <ps style="color: #d626b0;">1645</ps>
                        </b> 【天】 &nbsp;&nbsp共发布: <b>
                            <ps style="color: #d626b0;">
                                1351
                                <ps>
                        </b>
                        【篇内容】&nbsp;&nbsp;本周更新：<ps style="color: #d626b0;">75</ps>【篇】&nbsp;&nbsp;今日更新: <ps
                            style="color: #d626b0;">11</ps>【章】</p>


                    <div id="clocks" style="text-align:center;margin-top: 20px;margin-left: -80px;color: #fff;">
                    </div>
                    <p class="home-banner-linkss line-one1" style="font-size:20px;"> </p>
                </div>
            </div>
            <div class="top-navs poa" style="z-index:2;">
                <div style="width: 1250px;" class="wrapper layout-center Onecad_clearfix">
                    <div class="top-navs-l fl">
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/?s=办公软件" target="_blank"
                                    class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0101.png" alt="办公软件">
                                    <span class="wz">办公软件</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/post-category/rjzy/hyrj" class="fl"
                                    target="_blank">行业软件</a><a href="https://momeis.net/post-category/rjzy/jhgj"
                                    class="fl" target="_blank">学习工具</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/android"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0202.png" alt="安卓软件">
                                    <span class="wz">安卓软件</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/?s=Xposed" class="fl"
                                    target="_blank">Xposed 模块</a><a
                                    href="https://momeis.net/post-category/knowledge/playmachine" class="fl"
                                    target="_blank">玩机教程</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/knowledge"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0303.png" alt="技术分享">
                                    <span class="wz">技术分享</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/post-category/knowledge/appcourse"
                                    class="fl" target="_blank">软件教程</a><a
                                    href="https://momeis.net/post-category/knowledge/wdpresjc" class="fl"
                                    target="_blank">wordpress教程</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/post-category/rjzy/pcmeitichuli"
                                    target="_blank" class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0404.png" alt="媒体工具">
                                    <span class="wz">媒体工具</span> </a> </p>
                            <p class="top-navs-l-links"> <a href="https://momeis.net/collection/adobe_qu" class="fl"
                                    target="_blank">Adobe</a> <a href="https://momeis.net/collection/cyberlink"
                                    class="fl" target="_blank">CyberLink</a> </p>
                        </div>
                        <div class="top-navs-l-item fl">
                            <p class="top-navs-l-title"> <a href="https://momeis.net/links" target="_blank"
                                    class="block"> <img
                                        src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0505.png"
                                        alt="Windows"> <span class="wz">友情链接</span> </a> </p>
                            <p class="top-navs-l-links"><a href="https://momeis.net/links" class="fl"
                                    target="_blank">网站导航</a><a href="https://momeis.net/link-register" class="fl"
                                    target="_blank">友链申请</a> </p>
                        </div>
                    </div>
                    <div class="top-navs-r fl Tenlonstudio_clearfix"> <a class="fl" rel="nofollow" target="_blank"
                            href="https://momeis.net/infomation"> <img
                                src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0606.png" alt="资源求助"
                                style="margin:auto;padding:auto;">
                            <p> 资源求助 </p>
                        </a><a class="fl" rel="nofollow" target="_blank" href="https://momeis.net/vips"
                            style="text-align:center;display:flex;flex-direction: column;align-items: center;">
                            <img src="/wp-content/themes/b2child/Custom/newshousuo/imgsvg/0707.png" alt="开通VIP"
                                style="margin:auto;padding:auto;">
                            <p style=" width: 80px;"> 未开通VIP </p>
                        </a> </div>
                </div>
            </div>
        </div>
    </div>



    <script type="text/javascript">var clock = new Clock(); clock.display(document.getElementById("clocks"));</script>

样式和js直接打包了

下载权限

查看

￥

免费下载

评论并刷新后下载

登录后下载

查看演示

{{attr.name}}：

您当前的等级为

登录后免费下载登录小黑屋反思中，不准下载！评论后刷新页面下载评论支付以后下载请先登录您今天的下载次数（次）用完了，请明天再来支付积分以后下载立即支付支付以后下载立即支付您当前的用户组不允许下载升级会员

您已获得下载权限您可以每天下载资源次，今日剩余次

温馨提示

本站网络名称： 墨梅博客

本文章永久网址： https://momeis.net/post-68609.html

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长Email：momeis6@qq.com 删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们第一时间更新。