0

任何人都可以告诉我为什么这段代码有时不起作用..滑动不会每次都发生，有时单击后它会保持静止......它在我的 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;
}
4

1 回答 1

0

删除.css('visibility','visible'), 例如

$('#aboutus-sub').slideToggle('slow','swing');

slideToggle 将为您处理可见性:)

于 2013-08-10T03:05:08.817 回答