页面底部悬浮广告或关注公众号代码

代码如下<style>    .margingT {        margin-bottom: 60px;    }

    .bottomAD {        -webkit-box-sizing: border-box;        height: 80px;        position: fixed;        bottom: 0;        left: 0;        z-index: 1000;        padding: 0 10px;        overflow: hidden;        width: 100%;        background: rgba(0, 0, 0, .8);    }

    .bottom-pic {        position: absolute;        top: 10px;        width: 60px;        height: 60px;        overflow: hidden;        -webkit-border-radius: 10px;        border-radius: 10px;    }

        .bottom-pic img {            width: 100%;            height: 100%;        }

    .bottom-text {        margin-left: 70px;        line-height: 80px;        font-size: 16px;        color: #fff;    }

    .bottom-btn {        position: absolute;        top: 20px;        right: 10px;        height: 40px;        line-height: 40px;        color: #fff;        background-color: #60b900;        border-radius: 6px;        text-align: center;        font-size: 16px;        padding: 0 5px;        font-weight: bold;    }

    .bottomAD a {        position: absolute;        top: 0;        right: 0;        bottom: 0;        left: 0;    }

</style><div class="bottomAD" id="bottomAD">

    <div class="bottom-con">        <div class="bottom-pic">            <img src="http://pic.kuaizhan.com/g1/M01/71/9C/wKjmqVbSY2GAWNvZAABPOdnuH1Q1142811" width="60" height="60" alt="">        </div>        <div class="bottom-text" id="bottomText">"爱分享只分享值得的</div>        <div class="bottom-btn">立即关注</div>    </div>    <a id="bottomLink" href=" http://zygxsq.kuaizhan.com"></a></div>

页面底部悬浮广告或关注公众号代码相关推荐

微信公众号页面如何跳转至关注公众号页面
微信公众号页面如何跳转至关注公众号页面 1.获取微信公众号biz字段 a.点击公众号历史文章,在浏览器中打开 b.鼠标右键,查看网页源代码 c.复制红框的字段即为biz字段 2.拼接biz字段成完 ...
微信页面关于点击按钮关注公众号被封后的一点变通
项目jsp上遇到了这个问题,Boss要求在微信页面打开时点击按钮关注公众号.开始时使用 <ahref="weixin://profile/你的微信Id">点击关注< ...
php关注公众号代码,PHP微信扫码关注公众号源码
附上数据库信息:CREATE TABLE IF NOT EXISTS `qrcode` ( `id` int(11) unsigned NOT NULL, `addtime` int(10) NOT ...
小程序添加关注公众号代码功能
1.方法 https://blog.csdn.net/weixin_42729938/article/details/109184795 2.相关链接第一方案第二方案第三方案添加链接描述
【小程序】微信小程序中实现【关注公众号】弹窗
1.效果,注意,在开发工具中并不显示公众号信息,只有在体验版和正式版中才能看到! 2.wxml代码实现  <view wx:if="{{is ...
微信H5页面内实现一键关注公众号
H5页面内实现关注公众号的微信JSSDK没有相关接口开放,因此就得动点脑筋来实现该功能了.下面的方法就是通过一种非常蹊跷的方式实现的. 首先,需要在公众号内发表一篇原创文章,注意是原创文章,然后由另一 ...
h5页面跳转关注公众号
业务背景最近公司的一个项目需要用户在进入落地页后能在浏览器内进入微信关注公众号,达到引流的目的.以下是在实践过程的采用几种实现方式: 其中1,2种方式只能在微信浏览器内部去关注公众号,第3种方式可以 ...
移动手机网站H5页面如何一键打开拉起微信小程序快速关注公众号功能？
为了方便自己或公司H5网站页面上,能够让用户一键点击按钮,拉起打开微信小程序.实现让用户快速使用微信小程序功能.让用户快捷方便的关注公众号.快速添加微信客服等功能.可以利用H5链接微信环境外打开微信小 ...
点击跳转关注公众号页面
点击链接跳转关注公众号页面在微信环境下打开链接,直接跳转到公众号关注页面:https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz= ...

页面底部悬浮广告或关注公众号代码

页面底部悬浮广告或关注公众号代码相关推荐

最新文章

热门文章