7b2美化-列表文章缩略图添加动态特效
打开b2ModulesTemplatesModulesPosts.php，
搜索以下代码
代码语言：javascript复制<div class="post-module-thumb" style="padding-top:'.$size['ratio'].'%">这行代码的下面放入以下代码
代码语言：javascript复制<a '.$open.' href="'.$v['link'].'" rel="nofollow"><div class="mrxu-item-xu-w" style="background-image: url(/img/xu-w.gif);"></div></a>以下代码放入css样式，附件放到网站根目录。
代码语言：javascript复制.post-module-thumb:hover .mrxu-item-xu-w {
display: block;
}
.mrxu-item-xu-w {
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-color: rgb(51 51 51 / 20%);
background-size: 50%;
position: absolute;
top: 0;
z-index: 2;
display: none;
}本文来自：小狐狸资源网
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
