前端基础之《JavaScript（9）—holderjs占位图》

最新推荐文章于 2023-10-20 18:31:51 发布

csj50

最新推荐文章于 2023-10-20 18:31:51 发布

阅读量276

点赞数

分类专栏：前端基础文章标签：前端 javascript

本文链接：https://blog.csdn.net/csj50/article/details/127880923

版权

前端基础专栏收录该内容

55 篇文章 0 订阅

订阅专栏

1、安装

npm install holderjs

2、引入文件

<script src="holder.js"></script>

3、例子

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="bs/css/bootstrap.css">
<script src="bs/js/jquery-3.6.1.js"></script>
<script src="bs/js/bootstrap.js"></script>
<script src="bs/js/holder.js"></script>
<title>bootstrap</title>
<style>

</style>
</head>

<body>
	<div class="container">
        <h1 class="page-header">bootstrap前端框架</h1>
        <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
sagittis lacus vel augue laoreet rutrum faucibus." title="title">
  Popover on 底部
</button>
    <br/>
    <br/>
    <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="
    可消失的弹框" title="title" data-trigger="focus">可消失的弹框</button>
    </div>
</body>

<script>
    $(function () {
        $('[data-toggle="popover"]').popover()
    });
</script>

</html>