使用javascript在同一鼠标上显示双重工具提示
我在while函数中使用wz_tooltip.js中的工具提示时遇到问题。 我想当我使用鼠标悬停功能来显示工具提示时,我想让其中两个单独显示文本 当我使用双引号时,只有一个引号出现。 我的代码哪里错了,没有在旁边显示第二个工具提示,并且大小和文本不同使用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
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;
}