bootstrap微信浮动效果代码

bootstrap微信浮动效果代码:
       
<li class="weixin" ><a role="button" data-placement="top" data-toggle="popover" data-trigger="focus" title="微信扫码 WeChat" data-content="<img src='http://www.zuimoban.com/uploads/191120/1-191120101952521.png'>"><i class="fa fa-weixin"></i>微 信</a>
                                </li>
 
<script>
$(function () {
  $('[data-toggle="popover"]').popover({
        trigger : 'hover',
        html:true,
      //  content:"<img src='http://www.zuimoban.com/uploads/191120/1-191120101952521.png'>"
    })
 
})
</script>

效果图如下:

bootstrap微信浮动效果代码

相关文章

  1. 直接在CSS中引用fontawesome 图标(编码对

    在css文件中引用fontawesome可以这样: .panel-default.panel-heading a::after{ font-family:fontawesome; content:\f113; position:absolute; right:15px; font-size:14px; } 主要看这个代码 content:\f113 以下是fontawesome文字图标...

    2020-01-04
  2. css内容超出了div的宽度如何自动换行

    css内容超出了div的宽度如何自动换行 word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需要来绝对要不要*/...

    2020-01-01
  3. bootstrap微信浮动效果代码

    bootstrap微信浮动效果代码: li class=weixin a role=button data-placement=top data-toggle=popover data-trigger=focus title=微信扫码 WeChat data-content=img src=http://2019.zuimoban.com/uploads/191120/1-191120101952521.pngi class...

    2020-02-10
  4. 返回顶部到上半部分自动隐藏的JS代码

    返回顶部到上半部分自动隐藏的JS代码,效果如本站一样: JS 部分: /*For Back to Top button*/ $(document).ready(function(){ $(body).append(a class=top_button title=Back To Top href=TOP/a); $(function () { $(window).sc...

    2020-01-08