任何人都可以告诉我为什么这段代码在某段时间内不起作用.. 每次都不会发生滑动,有时它会在点击后保持静止... 它在我的21英寸电脑屏幕上运行良好,但在我的迷你笔记本电脑中有时它不会被触发。
我也尝试将脚本放入document.ready
函数中,但它根本不起作用......
<div id="aboutus" onclick="showLayer('aboutus-sub');">
<img src="more.png" id="more" title="more here.." style="width:25px;height:25px;"/></div>
<div id="aboutus-sub" style="display:none;">
<ul><li><a href="chatroom.php">Chat Room</a></li>
<ul><li><a href="album.php">Album</a></li>
<ul><li><a href="studentsarea.php">Settings</a></li>
<ul><li><a href="studentsarea.php">i student</a></li>
</ul>
</div>
</td>
</tr>
</table>
<script>
function showLayer (){
$('#aboutus-sub').css('visibility','visible').slideToggle('slow','swing');
}
</script>
css部分是
#aboutus-sub{z-index:+1;
text-align:center;
border-radius:4px;
border:1px solid black;
position:absolute;
visibility:hidden;
right:15px;
top:61px;
width:100px;
color:white;
height:150px;
background-color:#042D18;
opacity:0.88;
}
li a:hover{
color:#FFFF24;
text-decoration:underline;
}
ul{
padding:0px;
margin:0px;
}
li{
list-style:none;
padding:2px 0px;
border-bottom:1px dashed #060DD6;
margin-bottom:5px;
}
li a{
font-weight:bold;
margin-bottom:6px;
display:block;
color:white;
text-decoration:none;
}
.last{
border:0px;
}
答案 0 :(得分:0)
删除.css('visibility','visible')
,例如
$('#aboutus-sub').slideToggle('slow','swing');
slideToggle将为您提供可见性:)