求高手解 用JS如何设置2个层的相互隐藏........速度给分

本帖最后由 JScainiao 于 2011-01-13 13:59:36 编辑

解决方案 »

  1.   

    我这是上班时间   不让登录qq 登录了网管是会发现的
      我们用的是skype啊   
      

  2.   


    <script language="javascript">
    function addcookie(hotelid,hotelname)
      {
    setCookie("hotelid",hotelid);
    setCookie("hotelname",hotelname);
    show();
      }function setCookie(name,value)//两个参数，一个是cookie的名子，一个是值
    {
     document.cookie = name + "="+ getCookie(name) + escape (value)  + ","; 
    }function getCookie(name)
    {
    　　 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    　　 if(arr != null) return unescape(arr[2]); return '';
    }function deleteAllCookie(name) 
        {
                var date = new Date();
                date.setTime(date.getTime() - 10000); //删除一个cookie，就是将其过期时间设定为一个过去的时间
                document.cookie = name + "=删除" + "; expires=" + date.toUTCString();
        }function delCookie(n)
    {
    var hotelid = getCookieArray('hotelid');
    var hotelname = getCookieArray('hotelname');
    deleteAllCookie('hotelid');
    deleteAllCookie('hotelname');
    for (var i=0;i<hotelid.length-1;i++)
    {
    if (i != n) 
    {
    setCookie("hotelid",hotelid[i]);
    setCookie("hotelname",hotelname[i]);
    }
    }
    show();
    }function getCookieArray(name)
    {
    return getCookie(name).split(",");  
    }function show()
    {
    var content = '';
    var hotelid = getCookieArray('hotelid');
    var hotelname = getCookieArray('hotelname');

    for (var i=0;i<hotelid.length-1;i++)
    {
    content += '<input type="checkbox" value="'+i+'">' + hotelname[i] + '&nbsp;&nbsp<a href="#" onclick=delCookie("'+i+'")>删除</a><br>';
    }
    document.getElementById("dvCompare").innerHTML=content; 
    document.getElementById("contrast_flayer").style.display="block";  
    }

    function cl()
    {
    document.getElementById("contrast_flayer").style.display="none"; 
    }

    function clearAllCookies()
    {
    var LSTR_Cookie = window.document.cookie;
    var LREG_Cookie = new RegExp().compile("([^;]+=)[^;]+","g");
    var LARY_cookie = null;

    while(LARY_cookie = LREG_Cookie.exec(LSTR_Cookie))
    {
    window.document.cookie = LARY_cookie[1]
    }
    show();
    } 
    </script>
      <link rel="stylesheet" rev="stylesheet" href="http://www.elongstatic.com/common/css/elong_common.css?201101101435"   type="text/css" media="all" />
      <link rel="stylesheet" rev="stylesheet" href="http://www.elongstatic.com/hotels/css/Domestic_hotels201005.css?201101101435"   type="text/css" media="all" /> 
    <body>
            <li><a href="#?">
                <span class="Add">北京西苑饭店</span></a>
                <input type="button" mth="showcompare" title="对比" value="加入对比"  onclick="addcookie('40','北京西苑饭店')">
    </li>

            <li><a href="#?">
                <span class="Add">北京艺海商务酒店</span></a>
                <input type="button"  value="加入对比" mth="showcompare"   onclick="addcookie('41','北京艺海商务酒店')">
    </li>

            <li><a href="#?" >
                <span class="Add">北京金龙潭大饭店</span></a>
                <input type="button" value="加入对比"  mth="showcompare"    onclick="addcookie('42','北京金龙潭大饭店')">
    </li>

            <li><a href="#?" >
                <span class="Add">北京美泉宫饭店</span></a>
                <input type="button" value="加入对比" mth="showcompare"  onclick="addcookie('43','北京美泉宫饭店')">
    </li>

            <li><a href="#?">
                <span class="Add">富驿时尚酒店（北京中关村店）</span></a>
                <input type="button" value="加入对比" mth="showcompare"  onclick="addcookie('44','富驿时尚酒店（北京中关村店）')">
    </li>
    <div style="display:none "></div><div id="contrast_flayer" style="display:none">
      <h2>
      <span class="right pr5 pt5">
      <a title="关闭"  id="compareClose" href="#?" class="com_close" onclick="cl()"></a>
      </span>
      开始对比
      </h2> 
       <div class="box" id="dvCompare" >
        <ul>
        </ul>
        <p class="e_box" id="pCompareNote" >请选择2-3个酒店进行对比</p> 
      </div>
      <p class="box">
          <input type="button" value="开始对比" onmouseout="this.className='com_search75'" onmouseup="this.className='com_search75'" onmousedown="this.className='com_search75_an'" class="com_search75">
       &nbsp;&nbsp; <a href="#?" onclick="clearAllCookies()" title="清空">清空</a>

    </p></div>
    </body>
    </html>
      

  3.   

    <div style="display:none "></div><div id="contrast_flayer" style="display:none">
      <h2>
          <span class="right pr5 pt5">
          <a title="关闭"  id="compareClose" href="#?" class="com_close" onclick="cl()"></a>
          </span>
          开始对比
      </h2> 
       <div class="box" id="dvCompare" >
        <ul>
        </ul>
        <p class="e_box" id="pCompareNote" >请选择2-3个酒店进行对比</p> 
      </div>
      <p class="box">
          <input type="button" value="开始对比" onmouseout="this.className='com_search75'" onmouseup="this.className='com_search75'" onmousedown="this.className='com_search75_an'" class="com_search75">
       &nbsp;&nbsp; <a href="#?" onclick="clearAllCookies()" title="清空">清空</a>
        
        </p></div>
    是这两个层吗？
      

  4.   

    就是这2个隐藏层
    <div style="display:none " id="contrast"> </div><div id="contrast_flayer" style="display:none">
      

  5.   


    //在这个方法里加上一句话不可以吗
    function cl()
    {
            document.getElementById("contrast_flayer").style.display="none"; 
            document.getElementById("contrast").style.display="block"; 
    }
      

  6.   


    可是要点击<div style="display:none " id="contrast"> aaaaaaaaa</div>这个层在出来
    这个层<div id="contrast_flayer" style="display:none">，就是一个打开收起
    aaaa是 打开,之后的那个层是收起
      

  7.   

    我明白你的意思了  就是  
    收起后显示contrast  
    然后点contrast时候显示的是contrast_flayer 
    然后点击 contrast_flayer 中的按钮  就又是“收起后显示contrast ” 
     是不
      

  8.   


    收起 的就像这样
    <div id="contrast_flayer" style="display:none">
      <h2>
       <span class="right pr5 pt5">
      <a title="关闭"  id="compareClose" href="#?" class="com_close" onclick="cl()"></a>
    </span>开始对比
     </h2> 
       <div class="box" id="dvCompare" >
        <ul>
        </ul>
       </div>
       <p class="box">
          <input type="button" value="开始对比" onmouseout="this.className='com_search75'" onmouseup="this.className='com_search75'" onmousedown="this.className='com_search75_an'" class="com_search75">
       &nbsp;&nbsp; <a href="#?" onclick="clearAllCookies()" title="清空">清空</a>
    </p>
    <p><a href="#" >收起</a></p>
       </div>
      

  9.   

    <script language="javascript">
    function cl()
    {
    document.getElementById("contrast_flayer").style.display="none"; 
    document.getElementById("contrast").style.display="block"; 
    }

    function show()
    {
    document.getElementById("contrast_flayer").style.display="block"; 
    document.getElementById("contrast").style.display="none"; 
    }</script>
    <div style="display:none" id = 'contrast' onClick="show()"> aaaaaa</div>
    <div id="contrast_flayer" style="display:block" onClick="cl()">
    bbbbbbb
    </div>