使用dom与js函数在当前页展示用户想要查看的图片

最新推荐文章于 2024-06-13 14:36:30 发布

weixin_33826609

最新推荐文章于 2024-06-13 14:36:30 发布

阅读量74

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/zz334396884/p/5366976.html

版权

<!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=utf-8" />
<title></title>
<style type="text/css">
</style>
<html>
<head>

</head>
<body>
<h1>snaphot</h1>

  <li>
    <a href="img/c.jpg" title="aaa" >aaa</a>
  </li>

  <li>
    <a href="img/02.jpg" title="bbb">bbb</a>
  </li>
</ul>
<img id="placeholder" src="img/c.jpg" alt="my img">
</body>
</html>

<script>
function showpic(e){
    var source = this.getAttribute("href");
    var placeholder = document.getElementById("placeholder");
    placeholder.setAttribute('src',source);
    window.event.returnValue = false; 

};

var aArray=document.getElementsByTagName('a');
for(var i=0;i<aArray.length;i++){
    aArray[i].addEventListener('click',showpic,false);
}


</script>
</body>
</html>

转载于:https://www.cnblogs.com/zz334396884/p/5366976.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33826609

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用dom与js函数在当前页展示用户想要查看的图片

<!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><...
复制链接

扫一扫