幻灯片切换不起作用

时间:2013-08-10 03:01:10

标签: jquery

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

1 个答案:

答案 0 :(得分:0)

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

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

slideToggle将为您提供可见性:)