复制代码 代码如下:

<div id="follow">

<a href="#" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();">+Follow</a>

<div id="layer_follow" onmouseover="showPlusMobile();" onmouseout="hidePlusMobile();">

<p>这是隐藏层</p>

</div>

</div>

css:

复制代码 代码如下:

.layer_follow

{

display:none

}

js:

复制代码 代码如下:

var isPlusMobileVisible=false;

var showTid;

var hideTid;

function showPlusMobile(){

if(isPlusMobileVisible == false) {

showTid = setTimeout("document.getElementById('layer_follow').style.display='block'; isPlusMobileVisible=true;", 500);

}else{

clearTimeout(hideTid);

}

}

function hidePlusMobile(){

if(isPlusMobileVisible == true) {

hideTid = setTimeout("document.getElementById('layer_follow').style.display='none'; isPlusMobileVisible=false;", 500);

}else {

clearTimeout(showTid);

}

}