评论可见
前往评论
本站之前的文章分享了一篇《7b2主题美化-登陆弹窗美化》，里边是其中一种方法，今天跟大家分享的是另一种弹窗登陆美化，喜欢的朋友可以自行测试。
效果图：
操作教程：
第一步，引入jquery文件。
b2子主题，可以后台头部HTML标签设置的地方引入js：
<script src=“https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js”></script>
第二步，子主题js文件内增加以下代码：
//您自己的js代码写到下面
$(function(){
/*追加登录弹窗效果*/
$(‘.login-box-content’).prepend(‘<div class=”cnzzzj_com_login”>’+
‘<div class=”wxlogin-sidebar”>’+
‘<h2>欢迎您来到<a href=”https://iooqp.cn/” title=”【查看含有[阿强爱分享]标签的文章】” target=”_blank”>阿强爱分享</a></h2>’+
‘<ul>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 我们为你准备了最新的干货资源， </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 走最近的路，干最快的活！ </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 我们还为你准备了好看的模板和教程， </li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> 祝你生活愉快！</li>’+
‘<li><i class=”ri-checkbox-circle-fill”></i> iooqp.cn – <a href=”https://iooqp.cn/” title=”【查看含有[阿强爱分享]标签的文章】” target=”_blank”>阿强爱分享</a></li>’+
‘</ul>’+
‘</div>’+
‘</div>’);
})第三步，子主题css文件增加以下代码：
隐藏内容
把里面的登陆LOGO图请自行替换，好了现在可以看看效果了。
文章版权声明
1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
发表评论