popover

最新推荐文章于 2025-03-07 13:46:36 发布

孤独--患者

最新推荐文章于 2025-03-07 13:46:36 发布

阅读量692

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_35484341/article/details/90697992

版权

js 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script src="https://unpkg.com/driver.js/dist/driver.min.js"></script>
   <link rel="stylesheet" href="https://unpkg.com/driver.js/dist/driver.min.css">
</head>
<body>
   <input id='create-post1' type="" name="" οnfοcus='driver("create-post1")'>
   <input id='create-post2' type="" name="" οnfοcus='driver("create-post2")'>
   <input id='create-post3' type="" name="" οnfοcus='driver("create-post3")'>

   <div id="run-element-without-popover" οnclick="driver1()">
       popover
   </div>

       function driver1(){
           const driver = new Driver({
           opacity: 0,
           closeBtnText: '关闭'
           });

           driver.highlight({
           element: '#run-element-without-popover',
           popover: {
           title: 'Title for the Popover',
           description: 'Description for it',
           position: 'button', // can be `top`, `left`, `right`, `bottom`
           }
           });
       }
</script>

</body>
</html>