javascript导航背景切换。效果

$(.nav).on('click',function(){
    var id=this.id
    $('body').css({background-image:'url/image '+id+'   '});
})your image name must be: image1,image2html code<nav>
   <span id=1></span>
   <span id=2></span>
</nav>

解决方案 »

  1.   

    $('.nav').on('click',function(){
        var id=this.id
        $('body').css({background-image:'url/image '+id+'   '});
    })your image name must be: image1,image2html code<nav>
       <span class=nav id=1></span>
       <span class=nav id=2></span>
    </nav>
      

  2.   

    背景  dom.style.background?
    设置css？
    不是很明白你的意思
      

  3.   


    <body>
    <style type="text/css">
    .bg0{background: red;}
    .bg1{background: yellow;}
    .bg2{background: green;}
    </style><div class="nav" id="nav">
    <a href="">红背景</a>
    <a href="">黄背景</a>
    <a href="">绿背景</a>
    </div>
    <script type="text/javascript">
    var doc=document.getElementsByTagName('body')[0],
    nav=document.getElementById('nav'),
    links=nav.getElementsByTagName('a'),
    propName= (nav.getAttribute('class'))? 'class':'className',
    len=links.length; for(var i=0;i<len;i++){
    (function(n){
    links[n].onclick=function(e){
    doc.setAttribute(propName,'bg'+n);
    return false;
    }
    })(i);
    }
    </script>
    </body>
      

  4.   

    我说的是 点击导航 导航的背景改变。！ 背景切换。不是body背景切换。！
      

  5.   

    将导航栏里面的导航块元素取出，形成一个数组。
    给数组的每一个元素加上标记和鼠标单击事件。
    单击鼠标后用for循环来看 事件对象的index和那个循环变量相等，相等的变色，其他的变回来