BootStrap提示为图片

首先title下面引入

<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
两个按钮 布局的CSS就不放了,没有什么影响

<div class="right">
    <a id="app" style="background-image:url('app.png')" class="btn" data-toggle="popover" data-placement="bottom"></a>
    <a id="weixin" style="background-image:url('weixin.png')" class="btn" data-toggle="popover" data-placement="bottom"></a>
</div>
script

<script>
    $('#app').popover({
        trigger : 'hover',//鼠标以上时触发弹出提示框
        html:true,//开启html true的话,data-content里就能放html代码了
        content:"<img src='1.png'>"
    });
    $('#weixin').popover({
        trigger : 'hover',
        html:true,
        content:"<img src='2.png'>"
    });
</script>
展开阅读全文

没有更多推荐了,返回首页