如何将绝对定位应用于我当前的jQuery脚本的jQuery元素
<head>
...
<script type="text/javascript" src="slidemenu.js"></script>
<script type="text/javascript">
$('#sm').css({
position: 'absolute',
top: '10px',
left: '10px'
});
</script>
</head>
<body onload="slideMenu.build('sm',286,10,10,1)">
<ul id="sm" class="sm">
<li><img src=".gif" alt="" /></li>
<li><img src=".gif" alt="" /></li>
<li><img src=".gif" alt="" /></li>
<li><img src=".gif" alt="" /></li>
<li><img src=".gif" alt="" /></li>
<li><img src=".gif" alt="" /></li>
</ul>
...
我目前的CSS是:
#sm {
margin:0;
padding:0;
}
#sm {
list-style:none;
top:240px;
left:300px;
width:604px;
height:286px;
display:block;
overflow:hidden;z-index: 200;
position:absolute;
}
#sm li {
float:left;
display:inline;
overflow:hidden;z-index: 200;
position:relative;
}