bootstrap移动弹窗

这个官网的例子,我要鼠标移到按钮上右则弹出框,而不是点击才弹框,要怎么做?
就像这个例子地址

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

    <head>
        <meta charset="utf-8">
        <title>Twitter Bootstrap Popover Example</title>
        <meta name="description" content="Creating Modal Window with Twitter Bootstrap">
        <!-- 新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
        
        <!-- 可选的Bootstrap主题文件(一般不用引入) -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

    </head>
    <body>
        <div class="container">
            <h2>Example of creating Modal with Twitter Bootstrap</h2>
            <div class="well">
                <a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Bootstrap Popover">hover for popover</a>
            </div>
        </div>
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
        
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
        <script>
            $(function() {
                $("#example").popover();
            });
        </script>
    </body>

</html>
阅读 5.6k
3 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进