Javascript 在不悬停鼠标的情况下显示工具提示_Javascript_Jquery_Html_Css_Hover

Javascript 在不悬停鼠标的情况下显示工具提示

javascript jquery html css

Javascript 在不悬停鼠标的情况下显示工具提示,javascript,jquery,html,css,hover,Javascript,Jquery,Html,Css,Hover,在下面的代码中，将鼠标悬停在文本“hover your mouse”（鼠标悬停）上时会出现工具提示将鼠标悬停是否有任何方法可以使用JavaScript在不悬停鼠标的情况下显示工具提示？假设页面加载后，我们希望显示按钮的工具提示5秒，然后再次隐藏工具提示这就是我尝试（基于下面的答案）在没有鼠标悬停的情况下至少显示工具提示，但对工具提示没有任何作用 <!DOCTYPE html> <html> <head> <script type="t

在下面的代码中，将鼠标悬停在文本“hover your mouse”（鼠标悬停）上时会出现工具提示


将鼠标悬停

是否有任何方法可以使用JavaScript在不悬停鼠标的情况下显示工具提示？假设页面加载后，我们希望显示按钮的工具提示5秒，然后再次隐藏工具提示

这就是我尝试（基于下面的答案）在没有鼠标悬停的情况下至少显示工具提示，但对工具提示没有任何作用

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<p title="this is tooltip" id="my-hover">hover your mouse</p>
<script>


    setTimeout(function () {
        $('#my-hover').trigger('mouseover');
    }, 1000);

</script>
</body>
</html>


将鼠标悬停
setTimeout（函数（）{
$（“#我的悬停”）.trigger（'mouseover'）；
}, 1000);

试试这个

$('element').trigger('mouseover');

这基于脚本

将鼠标悬停
<p title="this is tooltip" id="my-hover">hover your mouse</p> 
    setTimeout(function () {
                $('#my-hover').trigger('mouseover');
            }, 10); 

    $('#my-hover').mouseover(function () {
         setTimeout(function () {
            $('#my-hover').show();}, 500);   

    });

setTimeout（函数（）{
$（“#我的悬停”）.trigger（'mouseover'）；
}, 10); 
$（“#我的悬停”）.mouseover（函数（）{
setTimeout（函数（）{
$（“#我的悬停”）.show（）；}，500）；
});

此代码将自动触发鼠标悬停事件。

您可以使用jquery UI工具提示

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
        <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />

        <title>Test</title>
    </head>
    <body>
        <p title="this is tooltip" id="tooltip">hover your mouse</p>

        <script type="text/javascript">
            $( "#tooltip" ).tooltip({ content: "this is tooltip" }).tooltip("open");
            setTimeout(function () { $("#tooltip").tooltip("close");}, 5000);
        </script>  
   </body>
</html>


试验
将鼠标悬停
$（“#工具提示”）。工具提示（{content:“这是工具提示”}）。工具提示（“打开”）；
setTimeout（函数（）{$（“#工具提示”）.tooltip（“close”）}，5000）；

这个问题似乎离题了，因为它缺少足够的信息来诊断问题。更详细地描述你的问题，或者在问题中加入一个最小的例子。你真的是认真的吗？那么，将其作为工具提示有什么意义呢？@sree我的按钮旁边没有空间显示文本或div等。我需要使用工具提示。@HashemQolami这就是你所能提供的一切？@Cgraphics绝对没有，但由于缺乏足够的信息，有很多可能性是行不通的。也不确定

cert small

从何而来，因为这不是问题中HTML的一部分。我更新答案你必须放置你的元素cert samll就是一个例子你必须使用工具提示javascript我知道

cert small

就是一个例子，我不知道你为什么选择它作为例子。你问题中的代码甚至与元素的有效选择器都不起作用。我在我的网站

cert small

中测试代码，并在firebug中运行此代码，如果你想向你发送url并在firebug中测试，则会给出反馈。他们不想隐藏段落。他们想显示工具提示（当你将鼠标悬停在上面时得到的）五秒钟，然后隐藏它。段落应该始终可见。这是用户想要的。用户要求的系统可以使工具提示出现然后消失+卡普坦1。回答得好。：）@不，这不是我想要的！我不想隐藏这一段！我想在页面加载时显示工具提示5秒，然后隐藏工具提示（我清楚地说了工具提示）你说“什么都不做…”是什么意思？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="js/vendor/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
        <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />

        <title>Test</title>
    </head>
    <body>
        <p title="this is tooltip" id="tooltip">hover your mouse</p>

        <script type="text/javascript">
            $( "#tooltip" ).tooltip({ content: "this is tooltip" }).tooltip("open");
            setTimeout(function () { $("#tooltip").tooltip("close");}, 5000);
        </script>  
   </body>
</html>