在Facebook上瀏覽按鈕像facebook資料圖片頁面

Question

在我的員工主頁上，我有一個部分顯示員工資料圖片。我需要實現功能，因爲它是在Facebook的個人資料圖片，即即使在圖片上傳後，我想顯示瀏覽圖片文件上傳按鈕上方的照片，當懸停在圖片上，我需要有文件瀏覽按鈕。我喜歡這樣

<a onClick="myFunction()"> 

     <img src="@Url.Content(imgpath)" alt="image" id="image" style="width:200px;height:200px" onfocus="myFunction" /></a> 

<script type="text/javascript"> 
function myFunction() 
{ 
    alert('test') 
      <input type="submit" value="Upload Photo" /> 
} 
</script> 

但它不適合我。

Answer 1

連接到jQuery的mouseover事件。

當圖像懸停時動態地將文件上傳html添加到img標籤的標題。

​​

然後調用jQuery的.tooltip。

$(document).tooltip(); 

工具提示的默認功能是在鼠標不在時關閉。但我們需要調整它的時間。

這裏是小提琴 - >http://jsfiddle.net/4Jnk3/

希望它能幫助。