js实现的修改div里img标签的src属性

更新时间：2007年09月16日 21:49:32 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript">     function addmethod()     {         var table=document.getElementById("table");         var tr=table.firstChild.getElementsByTagName("tr")[0];         var arr=tr.getElementsByTagName("td");                  for (var i=0;i<arr.length;i++)         {             arr[i].firstChild.attachEvent("onmousemove",showdiv);             arr[i].firstChild.attachEvent("onmouseout",hiddendiv);         }     }          function showdiv()     {         var div=document.getElementById("Layer1");         var image=document.getElementById("image");                                 image.setAttribute("src",window.event.srcElement.src);         div.style.top=window.event.clientY+5;         div.style.left=window.event.clientX+5;         div.style.visibility="visible";     }          function hiddendiv()     {         var div=document.getElementById("Layer1");         div.style.visibility="hidden";     } </script> <style type="text/css">  </style> </head> <body onload="addmethod()"> <table  id="table" width="768" border="1">   <tr>     <td><img src="3d0a35e6b33a9d192e7db203c30aa82ds.jpg" width="256" height="199" /></td>     <td><img src="708_533_e087d36410831754.jpg" width="256" height="199" /></td>     <td><img src="4b7c123ed58513a698337860f54dfc8d_m.jpg" width="256" height="199" /></td>   </tr> </table> <div id="Layer1"><img id="image"/></div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js实现的修改div里img标签的src属性

JS实现的JSON数组去重算法示例
这篇文章主要介绍了JS实现的JSON数组去重算法,结合实例形式分析了javascript针对json数组的遍历、判断实现去重复功能相关操作技巧,需要的朋友可以参考下
2018-04-04
JS判断表单输入是否为空(示例代码)
本篇文章主要是对JS判断表单输入是否为空的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
原生JS实现LOADING效果
这篇文章主要向大家介绍了原生JS实现的LOADING效果的代码，效果非常不错，而且可以自定义颜色和速度，推荐给大家，希望大家能够喜欢。
2015-03-03
js获得鼠标的坐标值的方法
js获得鼠标的坐标值的方法，需要的朋友可以参考一下
2013-03-03
用js来格式化字符串示例模仿css
用js来格式化字符串示例模仿css...
2007-04-04
JavaScript利用fetch实现异步请求的方法实例
传递信息到服务器，从服务器获取信息，是前端发展的重中之重，尤其是现在前后端分离的大前提下，前后端的数据交互是前端的必修科目了，下面这篇文章主要给大家介绍了关于JavaScript利用fetch实现异步请求的相关资料，需要的朋友可以参考借鉴。
2017-07-07
使用javascript实现json数据以csv格式下载
这篇文章主要介绍了使用javascript实现json数据以csv格式下载,需要的朋友可以参考下
2015-01-01
uniapp自定义tabbar的方法(支持中间凸起、角标、动态隐藏tab和全端适用)
一个项目有多个角色,比如医生和患者,tabBar跳转的路径不一样,但是在pages.json中无法配置多个tabBar,这时候就要自定义tabBar了,下面这篇文章主要给大家介绍了关于uniapp自定义tabbar(支持中间凸起、角标、动态隐藏tab和全端适用)的相关资料,需要的朋友可以参考下
2023-04-04
Bootstrap select多选下拉框实现代码
这篇文章主要为大家详细介绍了Bootstrap select多选下拉框实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下代码
2016-12-12
JavaScript适配器模式的应用详解
这篇文章主要介绍了理解JavaScript中的适配器模式,适配器模式即Adapter Pattern，是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，下文更多相关介绍需要的小伙伴可以参考一下
2022-08-08