优知新2年前更新关注私信 ------正文内容展示，开始汲取新知识啦------ 背景是动态的哦！可自定义视频 1.b2后台模块管理-首页-添加自定义模块页面选择铺满，放入以下代码 <!--首页视频区块--> <div id="page-wrapper"> <div class="home-banner por"> <section class="section"> <div class="video-wrapper"> <video poster="/pic/2f518848202a4.jpg" autoplay playsinline="" loop muted="" src="https://tongji.baidu.com/web5/image/banner/analytics.mp4" __idm_id__="2285569"></video> </div> <div class="video-overlay"></div> </section> <div class="layout-center poa" style="width: 1200px;top: 0;left: 50%;margin-left: -600px;"> <div class="home-banner-content clearfix"> <div class="slogan-text por fl"> <p> 森鹿语-二次元拯救世界</p> <i class="iblock poa corner"></i> <p class="promote-sub-title line-one">已发布<span style="display: inline-block;overflow: hidden;line-height: 34px;vertical-align: -9px;"> <em id="goal-works" value="5351266"> <ps style="color: #26d6c8;">52<ps> </em> </span>篇文章内容，运行了<ps style="color: #26d6c8;">816</ps>天</p> </div> </div> <div class="home-banner-search por searchv2-top-m"> <div class="primary-menus" style=" width: 92%; position: unset;transform: translate(1px, 1px);"> <div class="search-types-cycles poa"> <ul class="selects"> <li data-target="search_1">百度 </li> <li data-target="search_2">Bing </li> <li data-target="search_3" class="current">站内搜索 </li> <li data-target="search_4">360 </li> <li data-target="search_5">哔哩哔哩 </li> <li data-target="search_6">头条搜索 </li> <li data-target="search_8">知乎 </li> </ul> </div> <div class="cont"> <div class="left-cont"> <form class="search hidden" id="search_1" action="https://www.baidu.com/s?wd=" method="get" target="_blank"> <input type="text" name="wd" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">百度搜索</button> </form> <form class="search hidden" id="search_2" action="https://cn.bing.com/search?q=" method="get" target="_blank"> <input type="text" name="q" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">Bing搜索</button> </form> <form class="search" id="search_3" action="/?s=" method="get" target="_blank"> <input type="text" name="s" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">站内搜索</button> </form> <form class="search hidden" id="search_4" action="https://www.so.com/s?q=" method="get" target="_blank"> <input type="text" name="query" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">360搜索</button> </form> <form class="search hidden" id="search_5" action="https://search.bilibili.com/all?keyword=" method="get" target="_blank"> <input type="text" name="q" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">哔哩哔哩</button> </form> <form class="search hidden" id="search_6" action="https://so.toutiao.com/search?dvpf=pc&source=input&keyword=" method="get" target="_blank"> <input type="text" name="q" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">头条搜索</button> </form> <form class="search hidden" id="search_8" action="https://www.zhihu.com/search?q=" method="get" target="_blank"> <input type="text" name="q" class="s" placeholder="请输入关键词"> <button type="submit" name="" class="btn">知乎搜索</button> </form> <a class="hot-top text-notify" href="/cnjz" target="_blank" tips="教程分享" direction="bottom"> <img src="/pic/rank.svg" class="icon-rank" height="15"> 热门教程</a> </div> </div> </div> <p class="home-banner-links line-one">热搜词：<a href="/?s=vip会员页面" target="_blank" class="iblock">vip会员页面</a> <a href="/?s=弹幕高级插件" target="_blank" class="iblock">弹幕高级插件</a> <a href="/?s=bilibili" target="_blank" class="iblock">bilibili</a> <a href="/?s=限制重复评论" target="_blank" class="iblock">限制重复评论</a> <a href="/?s=随机访问浏览量" target="_blank" class="iblock">随机访问浏览量</a> </p> <script src="/hitokoto/?format=js&charset=utf-8"></script> <style> p.home-banner-linkss.line-one1 { width: 80%; 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"> <script> hitokoto() </script> </p> <!--<a href="https://shipin520.com/shipin/58.html" target="_blank" class="iblock">美食</a><a href="https://shipin520.com/shipin/53.html" target="_blank" class="iblock">水墨</a><a href="https://shipin520.com/shipin/62.html" target="_blank" class="iblock">航拍</a><a href="https://shipin520.com/shipin/843.html" target="_blank" class="iblock">动感</a><a href="https://shipin520.com/shipin/19.html" target="_blank" class="iblock">粒子</a><a href="https://shipin520.com/shipin/20904.html" target="_blank" class="iblock">VJ</a><a href="https://shipin520.com/shipin/2510.html" target="_blank" class="iblock">演出</a><a href="https://shipin520.com/shipin/32.html" target="_blank" class="iblock">AE模板</a><a href="https://shipin520.com/shipin/589.html" target="_blank" class="iblock">宣传片</a><a href="https://shipin520.com/shipin/54.html" target="_blank" class="iblock">地图</a>--> </div> </div> <!-- 头部快速链接导航 --> <div class="top-navs poa"> <div class="layout-center clearfix" style="width: 1200px;"> <div class="top-navs-l fl"> <div class="top-navs-l-item fl"> <p class="top-navs-l-title"> <a href="/cnjz/jzzn" target="_blank" class="block"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-zixun1"></use> </svg> <!-- <img src="//js.shipin520.com/pc/images/home/ae.png" alt="AE模板"> --> 建站指南 </a> </p> <p class="top-navs-l-links"> <a href="/?s=从零开始" class="fl" target="_blank">五步曲</a> <a href="/961.html" class="fl" target="_blank">备份</a> </p> </div> <div class="top-navs-l-item fl"> <p class="top-navs-l-title"> <a href="/cnjz/chajian" target="_blank" class="block"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-huodong"></use> </svg> <!-- <img src="//js.shipin520.com/pc/images/home/pr.png" alt="Pr模板"> --> B2插件 </a> </p> <p class="top-navs-l-links"> <a href="/169.html" class="fl" target="_blank">统计插件</a> <a href="/921.html" class="fl" target="_blank">弹幕插件</a> </p> </div> <div class="top-navs-l-item fl"> <p class="top-navs-l-title"> <a href="/cnjz/bmh" target="_blank" class="block"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-gongwenbao"></use> </svg>B2美化 </a> </p> <p class="top-navs-l-links"> <a href="/841.html" class="fl" target="_blank">昼夜模式</a> <a href="/576.html" class="fl" target="_blank">会员美化</a> </p> </div> <div class="top-navs-l-item fl"> <p class="top-navs-l-title"> <a href="/cnjz/wpxg" target="_blank" class="block"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-chakansousuo"></use> </svg>WP修改 </a> </p> <p class="top-navs-l-links"> <a href="/1045.html" class="fl" target="_blank">订单通知</a> <a href="/1109.html" class="fl" target="_blank">评论IP</a> </p> </div> <div class="top-navs-l-item fl"> <p class="top-navs-l-title"> <a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" target="_blank" class="block"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-dingwei"></use> </svg>合作伙伴 </a> </p> <p class="top-navs-l-links"> <a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" class="fl" target="_blank">广告投放</a> <a href="https://wpa.qq.com/msgrd?v=3&uin=1580292799&site=qq&menu=yes" class="fl" target="_blank">友情链接</a> </p> </div> </div> <div class="top-navs-m fl"> <a href="/gold-top" target="_blank" class="fl">财富排行</a> <a href="/dark-room" target="_blank" class="fl">小黑屋</a> <a href="/task" target="_blank" class="fl">任务大厅</a> <a href="/mission/today" target="_blank" class="fl">签到管理</a> </div> <div class="top-navs-r fl clearfix"> <a class="fl" rel="nofollow" target="_blank" href="/verify"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-yonghu"></use> </svg> <p>高级认证</p> </a> <a class="fl" target="_blank" href="/vips"> <svg class="icon-dhs" aria-hidden="true"> <use xlink:href="#hg-huiyuan"></use> </svg> <p>会员办卡</p> </a> </div> </div> </div> </div> </div> 2、以下JS代码放入child.js 没有child.js请在B2主题目录下新建一个 /*首页动态大图搜索开始*/ (function($){ var m=$('.primary-menus'); if(m.length<1) return; var ul=m.find('.selects'); if(ul.length<1) return; var lis=ul.children('li'); if(lis.length<1) return; var s=m.find('.search'); var sVal=s.find('.s').val(); lis.on('click',function () { var d=$(this).attr('data-target'); if (d) { lis.removeClass('current'); $(this).addClass('current'); s.addClass('hidden'); s.filter('#'+d).removeClass('hidden'); //s.filter('#'+d).find('.s').val(''); s.filter('#'+d).find('.s').trigger('focusin'); } }); s.find('.s').on('focusin',function () { if ($(this).val()==sVal) { $(this).val(''); } }) s.find('.s').on('focusout',function () { var v=$(this).val(); if (orz.isEmpty(v)) { v=sVal; } s.find('.s').val(v); }) })(jQuery); /*首页动态大图搜索结束*/ 3.引入阿里矢量图标，该链接失效后请自行修改 这里放在：B2主题设置–>常规设置–>综合设置–>头部HTML标签 <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3290918_bwveur0fle.css" /> <script src="//at.alicdn.com/t/font_3290918_bwveur0fle.js"></script> 4.代码放到你的css样式 这里放到：点击外观–>点击自定义–>点击额外css–>复制进去发布即可！ 此处内容已隐藏，请付费后查看 温馨提示：本文最后更新于2023-11-10 20:11:29，某些文章具有时效性，若有错误或已失效，请私信客服或联系知新社长。------本文内容已结束，喜欢请分享------ 感谢您的访问，Ctrl+D收藏本站吧。 【7B2主题美化】首页动态搜索模块此内容为付费阅读，请付费后查看200积分知星小会员100超星大会员免费登录购买供学习和研究使用，请在下载后24小时内删除 购买前可以联系作者确认资源信息，防止交易矛盾 会员特权技术支持自动发货网络收集付费阅读已售 1© 版权声明 相关声明 1、本站名称：知新网 2、本站永久网址：https://www.uzhix.com 3、本站部分内容源于网络和用户投稿，仅供学习与参考，如有侵权，请联系站长进行删除处理。 4、用户评论和发布内容，并不代表本站赞同其观点和对其真实性负责。 5、本站禁止以任何方式发布或转载任何违法的相关信息。 6、资源大多存储在云盘，如发现链接失效，请联系我们替换更新。 十一 8 知岛上的今时往日 "吼吼~，往年的今天，作者不知道跑哪里偷懒去了~" THE END柒比贰主题教程之家网站/配置/代码# 美化教程# 7b2主题美化 点赞0投币 分享QQ空间微博QQ好友海报分享复制链接收藏1
