Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/265.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript在同一鼠标上显示双重工具提示_Javascript_Php_Jquery - Fatal编程技术网

使用javascript在同一鼠标上显示双重工具提示

使用javascript在同一鼠标上显示双重工具提示,javascript,php,jquery,Javascript,Php,Jquery,我在while函数中使用wz_tooltip.js中的工具提示时遇到问题。 我想当我使用鼠标悬停功能来显示工具提示时,我想让其中两个单独显示文本 当我使用双引号时,只有一个引号出现。 我的代码哪里错了,没有在旁边显示第二个工具提示,并且大小和文本不同 echo " <a href=\"".$optiune."\" onmouseover= \"Tip('<div class=split-para>Tip:".$informatie['tip']."<s

我在while函数中使用wz_tooltip.js中的工具提示时遇到问题。 我想当我使用鼠标悬停功能来显示工具提示时,我想让其中两个单独显示文本

当我使用双引号时,只有一个引号出现。 我的代码哪里错了,没有在旁边显示第二个工具提示,并且大小和文本不同

  echo "
    <a href=\"".$optiune."\" onmouseover=
    \"Tip('<div class=split-para>Tip:".$informatie['tip']."<span>(si aici raritatea)</span></div>
    <br> <center>".$informatie['nume_ro']."     ".$variabila_echipat." ".$variabila_enchant." 
    </center>   ".$variabila_putere."       ".$variabila_procent_putere."       
    ".$variabila_dex."      ".$variabila_procent_dexteritate."      ".$variabila_rez."      
    ".$variabila_procent_rezistenta."       ".$variabila_carisma."      
    ".$variabila_procent_carisma."      ".$variabila_intel."        
    ".$variabila_procent_inteligenta."      ".$variabila_pret_cumparare."       
    ".$variabila_atac."     ".$variabila_procent_atac."     ".$variabila_aparare."      
    ".$variabila_procent_aparare."      ".$variabila_posibilitatea_daune."      
    ".$variabila_daune_min."        ".$variabila_procent_daune_minime."     
    ".$variabila_daune_max."            ".$variabila_procent_daune_maxime."             
    ".$variabila_viata."        ".$variabila_viata_reg."        ".$variabila_mana."     
    ".$variabila_mana_reg."     ".$variabila_enchant_grad_tip."     ".$variabila_cantitate."    
    ".$variabila_posibilitate_vanzare."  ".$variabila_pret_vanzare." <center><br>   
    ".$variabila_posibilitate_echipare." ".$mesaj_set." <br><br> ".$variabila_niv_min." 
    </center>')
    ;\"Tip(' test ')\"


    onmouseout=\"UnTip()\">

    <img src='".$informatie['cale_imagine']."/".$informatie['imagine'].".png' 
     alt=".$informatie['id']." ></a>

    ";
echo”
";
整个功能是检索某些对象的某些信息,并在用户将鼠标悬停在某些图片上时回显这些信息

我想当我把鼠标放在那张图片上时,在图片的右边有两个工具提示,而不仅仅是一个

这是一把工作小提琴:,出现错误时按ok


谢谢:)

因此,不幸的是,wz_工具提示的工作方式似乎是向
主体添加
div
元素,然后切换其可见性、内容和位置

不幸的是,这意味着如果您想继续使用wz_工具提示,您可能需要在一个工具提示中添加两个所需的元素

HTML

<a href="#" onmouseover="Tip('<div id=\'element1\'>section1</div><div id=\'element2\'>section2</div>');" onmouseout="UnTip()">
    <img src="http://84.232.199.159/img/items/ar_bow.png" alt="" />
</a>

查看

能否从页面提供呈现的html此处是:,请使用“慢速下载”按钮以避免出现问题请复制相关呈现的html并将其粘贴到原始问题中。那么,不鼓励下载文件来帮助提问吗?我能做到吗?只需在问题中复制并粘贴完整的html页面?js或css如何?请仅查找相关的工具提示html。这应该来自您可以在浏览器中查看的页面(您的
php
文件的呈现版本)。如果您根据需要使用类似于显示html、css和js的内容,这将是最好的
#WzTtDiV{
    overflow:visible !important;
}
#WzBoDy{
    background:none !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}
#element1,
#element2{
    color:white;
    position:absolute;
}
#element1{
    top:0;
    left:0;
    height:20px;
    width:auto;
    padding:0 30px;
    background:blue;
}
#element2{
    top:30px;
    left:20px;
    height:40px;
    width:auto;
    background:red;
}