首页 > 其他 > 详细

简单特效-切换背景图片

时间:2016-09-04 17:21:08      阅读:174      评论:0      收藏:0      [点我收藏+]

  HTML代码:

  <! DOCTYPE html>
     <head>
          <title></title>
          <meat charset="utf-8">
      </head>
     <body>
              <div class="toggle">
                 <img src="images/">
                 <img src="images/">
                 <img src="images/">
              </div>
    </body>
    </html>

 CSS样式表代码:

       

   div.toggle img{width:200px;height:180px; float:right};
   body{background-image:url()};

  javascript代码:

    var toggle=document.getElementsByTagName("img");
    var body=document.getElementsByTagName("body") ;

             toggle.onclick=function(){
                body[0].style.backgroundImage="url(this.getAttribute(url))";          
       }

  

   

简单特效-切换背景图片

原文:http://www.cnblogs.com/zhangyang0619/p/5839654.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!