在使用javascript的同一個鼠標懸停上使用雙工具提示

我在使用wz_tooltip.js的工具提示時遇到了問題。我希望當我使用鼠標懸停功能出現工具提示時，我想讓它們中的兩個具有相互獨立的文本。在使用javascript的同一個鼠標懸停上使用雙工具提示

當我使用雙引號時，只有其中一個出現。我的代碼在哪裏錯了，doesen't使第二個工具提示出現在它旁邊，並有不同的大小和文本？

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> 

    ";

整個函數正在爲某些對象重新獲取一些信息，並在用戶將鼠標懸停在某張圖片上時對其進行回顯。

我想，當我在圖片的右側用鼠標在那張照片，2個提示不僅是

這裏的工作小提琴：http://jsfiddle.net/alexgoaga/yjv1Ltre/1/，按OK當錯誤出現

謝謝：）

來源

2014-09-02 mircea

可以請你從你這裏 – haxxxton 2014-09-02 08:44:50

提供網頁呈現的HTML是：http：// www.speedyshare.com/Pw59D/site.rar，請使用「慢速下載」按鈕有問題 – mircea 2014-09-02 08:50:28

請將相關的呈現html複製並粘貼到您的原始問題中。 SO不鼓勵下載文件以幫助解決問題 – haxxxton 2014-09-02 08:53:09

因此，不幸的是，它看起來像wz_tooltip的工作方式是將div元素添加到body，然後切換其可見性，內容和位置。

不幸的是，如果您想繼續使用wz_tooltip，那麼您可能需要在一個工具提示中添加所需的兩個元素。

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>

CSS

#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; 
}

看一看this example

來源

2014-09-02 10:00:34 haxxxton

在使用javascript的同一個鼠標懸停上使用雙工具提示

回答

相關問題