简单特效-切换背景图片

  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))";          
       }

　　

   

posted @ 2016-09-04 16:32  我i爱河东狮  阅读(274)  评论(3)    收藏  举报