码迷,mamicode.com
首页 > 其他好文 > 详细

简单特效-切换背景图片

时间:2016-09-04 17:22:21      阅读:112      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!