全百科版WordPress站点侧边悬浮广告代码 附两款样式

之前分享过一篇高仿新浪首页侧边悬浮黑猫投诉广告代码，有朋友反馈不是太完美，今天给大家再分享一个WordPress站点侧边悬浮广告代码，经本站测试没有问题，可以使用，有需要的朋友可以安装上了啊。

高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版

文章目录代码预览核心代码发表评论今天去逛新浪网，看到首页左侧的黑猫投诉的广告感觉挺好玩，一看原来时利用的鼠标触及原理实现的，然后我就研究了下，加上了悬浮代码，可以设置悬浮于我们网站的左侧或者右侧展示，...

时间:2019/6/28 分类:技术交流 人气:232 评论:0

效果演示

安装方法

第一步

添加以下代码到主题目录下CSS文件夹main.css或者style.css文件

CSS样式代码：

// 作者：全百科
// 网站：www.quanbaike.com
// 提示：核心代码部分已经隐藏
.quanbaike_index_left {
position: fixed;
left: 50%;
width: 137px;
height: 325px;
}
.quanbaike_index_left{display:none}
}
.quanbaike_index_left{position: fixed;right: 5px;width: 80px;height: 80px;text-align: center;cursor: pointer;z-index: 99;left: initial;bottom: 70px;top: inherit;display: none;}
}

第二步：

添加以下代码到主题目录下index.php或者footer.php文件

html代码：

// 作者：全百科
// 网站：www.quanbaike.com
// 提示：核心代码部分已经隐藏
<div class="quanbaike_index_left">
<a href="/" target="_blank">
<img src="http://www.quanbaike.com/img/blackcat-hover.gif">
</a>
</div>

注意：

添加到index.php文件，只在网站首页显示。

添加到footer.php文件，可在全网站显示。

第三步：

进行三清原则：

清除网站缓存、清除CDN缓存、清除本地浏览器缓存。

素材下载

本素材代码中都有注释说明、还附有两款样式分别为站点侧边悬浮广告代码纯展示版与鼠标触及版。

您暂时无权查看此隐藏内容！