js實現的修改div里img標簽的src屬性

2019-11-21 01:55:56

字體：大中小

來源：轉載

供稿：網友

<!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="https://www.jb51.net/article/3d0a35e6b33a9d192e7db203c30aa82ds.jpg" width="256" height="199" /></td>     <td><img src="https://www.jb51.net/article/708_533_e087d36410831754.jpg" width="256" height="199" /></td>     <td><img src="https://www.jb51.net/article/4b7c123ed58513a698337860f54dfc8d_m.jpg" width="256" height="199" /></td>   </tr> </table> <div   class="iwvjtn8m0"   id="Layer1"><img id="image"/></div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：一個js隨機顏色腳本（用于標簽頁面，也可用于任何頁面）

下一篇：js實現的層變換效果