jquery操作,
至于小框框,
一般就是用css实现的层而矣.

解决方案 »

  1.   


    function showSubCategory(){
    $("#AllSort dt").mouseover(function(){
    var newDiv=document.getElementById("EFF_div_"+this.id.substr(7));
    this.className="curr";
    if (newDiv){
    newDiv.style.display="block";
    return;
    }else{
    var CLASS_NAME=($.browser.msie?($.browser.version>"7.0")?"class":"className":"class");
    var newDiv_wrap=document.createElement("div");
    newDiv_wrap.setAttribute(CLASS_NAME,"pop_wrap");
    newDiv_wrap.setAttribute("id","EFF_div_"+this.id.substr(7))
    var newDiv=document.createElement("div");
    newDiv.setAttribute(CLASS_NAME,"pop");
    newDiv_wrap.appendChild(newDiv);
    newDiv.innerHTML=this.nextSibling.innerHTML;
    this.parentNode.insertBefore(newDiv_wrap,this);
    newDiv_wrap.style.display="block";
    }
    //test/
    $(".pop_wrap").mouseover(function(){
    $(this).css({"display":"block"});
    this.nextSibling.className="curr";
    }).bind("mouseleave",function(){
    $(this).css({"display":"none"});
    this.nextSibling.className="";
    })
    //test end/
    }).bind("mouseleave",function(){
    this.className=(this.nextSibling.className=="Dis")?"curr":"";
    $(".pop_wrap").css({"display":"none"});
    });
    }它的源码,呵呵.
      

  2.   

    但就不知道这个层的css是什么啊.
    就一个文本框后在加了一个大文本框...用css怎么才能表现出这种效果了?
      

  3.   

    仔细看上面的js代码,只不过是创建两个div.                var newDiv_wrap=document.createElement("div");
                    newDiv_wrap.setAttribute(CLASS_NAME,"pop_wrap");
                    newDiv_wrap.setAttribute("id","EFF_div_"+this.id.substr(7))
                    var newDiv=document.createElement("div");
                    newDiv.setAttribute(CLASS_NAME,"pop");
                    newDiv_wrap.appendChild(newDiv);
                    newDiv.innerHTML=this.nextSibling.innerHTML;
                    this.parentNode.insertBefore(newDiv_wrap,this);    
                    newDiv_wrap.style.display="block";
      

  4.   

    Lsi raid 模拟器.rar (123
      

  5.   

    Lsi raid 模拟器.rar (123