javaScript 显示图片的例子

最新推荐文章于 2024-09-16 14:55:55 发布

domando

最新推荐文章于 2024-09-16 14:55:55 发布

阅读量5.9k

点赞数

分类专栏：技术文章标签： javascript border function table html

本文链接：https://blog.csdn.net/domando/article/details/1621990

版权

技术专栏收录该内容

28 篇文章 0 订阅

订阅专栏

这个方法实现鼠标在指定的窗体，或者控件上移动时，在鼠标指针旁边显示对应的图片
//图片显示
function showphoto(cimg,obj)
{
　　var mytop=obj.offsetTop;
　　var myleft=obj.offsetLeft;
　　while(obj=obj.offsetParent){
    　　myleft+=obj.offsetLeft;
    　　mytop+=obj.offsetTop;
　　}
    photodiv.style.top=mytop-30;
    photodiv.style.left=myleft+60;
photodiv.innerHTML=" <table border=0 cellspacing=1 cellpadding=0 bgcolor=#808080><tr><td bgcolor=#ffffff><img src='"+ cimg +"' width=75 height=75 border=0></td></tr></table>";
photodiv.style.display='block';
}
//图片关闭
function closephoto()
{
photodiv.style.display='none';
}
在html中调用以上方法：
<a href="Http://gaodian.jajaok.com/Product_Info-13003.zh" target="_blank" onMouseOver="javascript:showphoto('http:img.jajaok.com//cn//gaodian//cimg//BD1ECD05BC5EA1847FD89EE1A065E25A.jpg',this)" onMouseOut="javascript:closephoto()">连接文字</a>