在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/

希望它能帮助。