第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在工具提示中顯示圖像?

如何在工具提示中顯示圖像?

不負相思意 2021-06-15 13:01:38
當您將鼠標放在鏈接上時,我想在工具提示中顯示圖像。我正在使用 HTML、CSS 和 JAVASCRIPT/JQUERY。我將圖像保存在一個文件夾中,因此我從本地主機引用它。我試圖通過 JQuery 設置工具提示的內容:$(document).ready(function() {    $('#informe').tooltip("option","content","<img src='images/reports/informeInversiones.PNG' />");    $('#informe').tooltip("option","html","true");    $('#informe').tooltip("option","animated","fade");    $('#informe').tooltip("option","placement","bottom");});我嘗試在純 HTML 中設置工具提示的內容:<td colspan="2" id="informe" data-toggle="tooltip" title="<img src='images/reports/informeInversiones.PNG'/>"><p><i class="fas fa-download"></i><a id="save"> Generar Informe</a></p></td>然后,在 JQuery 中:$(document).ready(function() {    $('#informe').tooltip("option","html","true");    $('#informe').tooltip("option","animated","fade");    $('#informe').tooltip("option","placement","bottom");});我有一個鏈接,onclick 調用一個下載 PDF 的 JS 函數(shù)。我希望當您將鼠標放在鏈接上時,它會顯示您將要生成的 PDF 的預覽(一個簡單的圖像)。我已經(jīng)嘗試了我在本頁其他問題中看到的解決方案,但它們不起作用。這是我處理鏈接的方式:<td colspan="2"><p><i class="fas fa-download"></i><a href="#" id="informe" title="">Generar Informe</a></p></td>這是 JQuery:$('#informe').tooltip({content: "<img src='images/reports/informeInversiones.PNG'/>"});我什至嘗試過放入簡單的文本,content:但它甚至沒有顯示工具提示。
查看完整描述

2 回答

?
蠱毒傳說

TA貢獻1895條經(jīng)驗 獲得超3個贊

這是鏈接上的圖像工具提示的狙擊。我相信您可以將此代碼用于您的案例


a.tooltip {outline:none; }

a.tooltip strong {line-height:30px;}

a.tooltip:hover {text-decoration:none;} 

a.tooltip span {

    z-index:10;display:none; padding:14px 20px;

    margin-top:60px; margin-left:-160px;

    width:300px; line-height:16px;

}

a.tooltip:hover span{

    display:inline; position:absolute; 

    border:2px solid #FFF;  color:#EEE;

    background:#333 url(http://www.menucool.com/tooltip/cssttp/css-tooltip-gradient-bg.png) repeat-x 0 0;

}


.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}

    

/*CSS3 extras*/

a.tooltip span

{

    border-radius:2px;        

    box-shadow: 0px 0px 8px 4px #666;

    /*opacity: 0.8;*/

}

<a href="https://codepen.io/anon/pen/rgPKvy" class="tooltip">

    Link

    <span>

        <img class="callout" src="https://freefrontend.com/assets/img/css-tooltips/pure-css-tooltips.png" />

        <img src="https://freefrontend.com/assets/img/css-tooltips/pure-css-tooltips.png" style="float:right;" />

        <strong>CSS only Tooltip</strong><br />

        Pure CSS popup tooltips with clean semantic XHTML.

    </span>

</a>


查看完整回答
反對 回復 2021-06-18
  • 2 回答
  • 0 關注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號