如何添加工具提示並從此刪除按鈕

有什麼方法可以將工具提示添加到縮略圖以將鼠標懸停在縮略圖上時顯示完整標題？還有一種方法可以刪除「點擊此處」按鈕並顯示縮略圖等。工作代碼可以發現here 如何添加工具提示並從此刪除按鈕

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $("body").append("<div id = 'data'><ul>.</ul></div>"); 
     var dataContainer = $("#data ul"); 
     $.ajax({ 
      url:'http://gdata.youtube.com/feeds/api/users/googledevelopers/uploads?max-results=50&alt=jsonc&v=2&callback=?', 
      dataType: "jsonp", 
      timeout: 5000, 
      success: function(data){ 

        $.each(data.data.items, 
           function(i, val) { 

           if (typeof(val.player) !== 'undefined' && typeof(val.title) !== 'undefined') { 

            dataContainer.append('<div class="d e"><a href='+val.player["default"]+' target="_blank">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</div>'); 
           } 
         }); 
        } 
       }); 
      }); 
}); 
</script> 





<body> 
<h2>Youtube Most Viewed</h2> 
<p>most viewed today</p> 
<p><button>Click Here</button></p> 

<p><script language="JavaScript"> 
<!-- 
date=Date() 
document.write(date) 
//--> 
</script></p> 

</body></html>

來源

2013-04-06 rep97

你想改變什麼似乎很微不足道的 - 自動加載，而無需單擊這裏的負載，刪除此行：

$("button").click(function(){

和一個收盤線：

});

當然，你還需要刪除：

<p><button>Click Here</button></p>

至於標題，嘗試改變這一行：

dataContainer.append('<div class="d e"><a href='+val.player["default"]+' target="_blank">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</div>');

這個新行：

dataContainer.append('<div class="d e"><a href='+val.player["default"]+' target="_blank" title="'+val.title+'">'+val.title+'</a><br /><img src="'+val.thumbnail.sqDefault+'" width="120" height="90" alt="'+val.title+'"/><br />Views '+val.viewCount+'</div>');

來源

2013-04-06 15:46:53

如何添加工具提示並從此刪除按鈕

回答

相關問題