js的用setAttribute图片切换

<ul>
   <li>
      <a href="images/1.jpg" title="asd1" οnclick="showPic(this);return false;">Firrworks</a>
   </li>
   <li>
      <a href="images/2.jpg" title="asd2" οnclick="showPic(this);return false;">Firrworks1</a>
   </li>
   <li>
      <a href="images/3.jpg" title="asd3" οnclick="showPic(this);return false;">Firrworks2</a>
   </li>
   <li>
      <a href="images/4.jpg" title="asd4" οnclick="showPic(this);return false;">Firrworks3</a>
   </li>
</ul>

<img id="placeholder" src="images/5.jpg" alt="our  hello" >



function  showPic(Whichpic){


  var source=Whichpic.getAttribute("href");


  var placeholder=document.getElementById('placeholder');


  placeholder.setAttribute("src",source);
 
 }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值